Jeremy Bise jeremybise

jeremybise / _vars-mixins.scss

Last active May 13, 2019 15:08

Colors SCSS Vars

	// 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 / baseof.html

Last active March 12, 2024 08:10

Google Fonts via config with Hugo

	<!-- Wherever your head tag is located, add the new partial -->

	<head>
	{{ partial "google-fonts" . }}
	</head>

jeremybise / font.css

Created March 25, 2019 00:16

Fluid (calc) Font Size

	/*
	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))); }