favycon/styles/main.scss

@import 'reset';
@import 'font';
@import 'variables';

html,
body {
	padding: 0;
	margin: 0;
	font-family: Manrope, Arial, Helvetica Neue, Helvetica, sans-serif;

	/* https://gist.github.com/hsleonis/55712b0eafc9b25f1944 */
	font-size: 100%;
	text-shadow: rgba($black, 0.01) 0 0 1px;
	font-variant-ligatures: none;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	transition: background 0.2s ease;

	&.light-mode {
		background: $off-white;
	}

	&.dark-mode {
		background: $dark-black;
	}
}

* {
	box-sizing: border-box;
}

hr {
	height: 1px;
	margin: 16px 0;
	background: $light-grey;
	border: none;
	transition: background 0.2s ease;
}

.dark-mode {
	hr {
		background: $darker-grey;
	}
}