Skip to content

Instantly share code, notes, and snippets.

Avatar

Jeremy Bise jeremybise

View GitHub Profile
@jeremybise
jeremybise / _vars-mixins.scss
Last active May 13, 2019
Colors SCSS Vars
View _vars-mixins.scss
// BREAKPOINTS
// from https://tailwindcss.com/docs/breakpoints
$bp-sm: 640px;
$bp-md: 768px;
$bp-lg: 1024px;
$bp-xl: 1200px;
// LINE HEIGHT
//from https://tailwindcss.com/docs/line-height
@jeremybise
jeremybise / baseof.html
Last active Nov 14, 2020
Google Fonts via config with Hugo
View baseof.html
<!-- Wherever your head tag is located, add the new partial -->
<head>
{{ partial "google-fonts" . }}
</head>
@jeremybise
jeremybise / font.css
Created Mar 25, 2019
Fluid (calc) Font Size
View font.css
/*
TuT: https://css-tricks.com/snippets/css/fluid-typography/
Formula: font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
*/
body { font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); }
You can’t perform that action at this time.