1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-18 21:45:31 -04:00
This commit is contained in:
2020-01-27 09:36:02 -05:00
parent e99da04e2f
commit a8428da65c
9 changed files with 34 additions and 25 deletions

View File

@@ -13,8 +13,8 @@
}
// Web fonts (see components/_fonts.scss)
@mixin font-face($family, $src,
$weight: normal, $style: normal, $display: swap) {
// stylelint-disable indentation
@mixin font-face($family, $src, $weight: normal, $range: false, $style: normal, $display: swap) {
@font-face {
font-family: $family;
font-style: $style;
@@ -25,7 +25,9 @@
// src: local("#{$src-local}"), local("#{$src-local-alt}"),
// url('#{$src}.ttf') format('truetype'),
// url('#{$src}.eot') format('embedded-opentype');
unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF,
U+2190-21FF, U+2200-22FF, U+2122;
@if $range {
unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF,
U+2190-21FF, U+2200-22FF, U+2122;
}
}
}

View File

@@ -2,6 +2,7 @@
// System fonts and web fonts
// https://markdotto.com/2018/02/07/github-system-fonts/
// stylelint-disable indentation
$system-fonts: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
"Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif,
@@ -10,6 +11,7 @@ $system-fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$system-fonts-monospace: "SFMono-Regular", "Consolas", "Liberation Mono",
"Menlo", "Courier", monospace;
$webfont-inter: "Inter", sans-serif;
$webfont-hack: "Hack", monospace;
// Misc Settings
$responsive-width: 890px;
@@ -42,7 +44,6 @@ $colors-home:(
angular: #c3002f,
vue: #486491,
java: #ab6311,
// cpp: #865fc5,
python: #fea500,
php: #8892bf,
ruby: #d34135,

View File

@@ -1,6 +1,9 @@
@charset "UTF-8";
/*! Inter UI | SIL Open Font License 1.1 | https://rsms.me/inter/ */
@include font-face("Inter", "./fonts/inter-regular-subset", 400);
@include font-face("Inter", "./fonts/inter-medium-subset", 500);
@include font-face("Inter", "./fonts/inter-bold-subset", 700);
/*! Inter Typeface | SIL Open Font License 1.1 | https://rsms.me/inter/ */
@include font-face("Inter", "./fonts/inter-regular-subset", 400, true);
@include font-face("Inter", "./fonts/inter-medium-subset", 500, true);
@include font-face("Inter", "./fonts/inter-bold-subset", 700, true);
/*! Hack Typeface | MIT License | https://sourcefoundry.org/hack/ */
@include font-face("Hack", "./fonts/hack-regular-subset", 400);

View File

@@ -111,12 +111,6 @@ div#content {
max-width: 100%;
height: auto;
border: 0;
// Subtitle caption styling
// stylelint-disable-next-line selector-pseudo-element-no-unknown
&::cue {
font-family: inherit;
}
}
div.embed {
@@ -163,9 +157,9 @@ div#content {
// all code
code,
div.highlight {
font-family: $system-fonts-monospace;
font-family: $webfont-hack;
background: $color-super-light;
font-size: 0.9em;
font-size: 0.95em;
letter-spacing: 0;
page-break-inside: avoid;
}