jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-30 01:35:47 -04:00
Code Issues Activity

style updates

Browse Source
This commit is contained in:
Jake Jarvis
2021-11-14 11:25:03 -05:00
parent 52d2460275
commit 4f5feb47a5
4 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/sass/abstracts/_settings.scss
View File

@@ -23,13 +23,13 @@ $webfont-unicode-latin-only: (
// https://markdotto.com/2018/02/07/github-system-fonts/ // https://markdotto.com/2018/02/07/github-system-fonts/
// stylelint-disable-next-line value-keyword-case // stylelint-disable-next-line value-keyword-case
$system-fonts-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif; $system-fonts-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif;
$system-fonts-monospace: ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", "Courier", monospace; $system-fonts-mono: ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
// Prefer web fonts with system fonts as backup: // Prefer web fonts with system fonts as backup:
$font-stack-sans: list.join($webfont-sans, $system-fonts-sans); $font-stack-sans: list.join($webfont-sans, $system-fonts-sans);
$font-stack-variable: list.join($webfont-sans-variable, $system-fonts-sans); $font-stack-sans-variable: list.join($webfont-sans-variable, $font-stack-sans);
$font-stack-mono: list.join($webfont-mono, $system-fonts-monospace); $font-stack-mono: list.join($webfont-mono, $system-fonts-mono);
$font-stack-mono-variable: list.join($webfont-mono-variable, $system-fonts-monospace); $font-stack-mono-variable: list.join($webfont-mono-variable, $font-stack-mono);
// Fancy link underline settings: // Fancy link underline settings:
$link-underline-opacity: 40%; $link-underline-opacity: 40%;

4
assets/sass/abstracts/_themes.scss
View File

@@ -6,7 +6,7 @@
// Takes a map of CSS properties and theme keys (see below) and set both body.light and body.dark selectors. // Takes a map of CSS properties and theme keys (see below) and set both body.light and body.dark selectors.
// ex. @include themes.themed((color: "text", background-color: "background-inner")); // ex. @include themes.themed((color: "text", background-color: "background-inner"));
// Also accepts additional transitions (in shorthand) to tack on. // Also accepts additional transitions (in shorthand) to tack on.
@mixin themed($properties, $addTransitions: ()) { @mixin themed($properties, $moreTransitions: ()) {
// generate CSS transition shorthand for each themed property w/ default duration and function // generate CSS transition shorthand for each themed property w/ default duration and function
$defaults: (); $defaults: ();
@each $property, $color in $properties { @each $property, $color in $properties {
@@ -15,7 +15,7 @@
} }
// list all transitions separated by commas (with additional shorthand(s) passed in) // list all transitions separated by commas (with additional shorthand(s) passed in)
transition: list.join($addTransitions, $defaults, $separator: comma); transition: list.join($moreTransitions, $defaults, $separator: comma);
// keep track of the original selector(s) calling this mixin for below // keep track of the original selector(s) calling this mixin for below
$selectors: #{&}; $selectors: #{&};

9
assets/sass/abstracts/_typography.scss
View File

@@ -8,8 +8,9 @@
* Inter typeface - https://rsms.me/inter/ * Inter typeface - https://rsms.me/inter/
* *
* Copyright (c) 2016-2020 The Inter Project Authors. * Copyright (c) 2016-2020 The Inter Project Authors.
* "Inter" is trademark of Rasmus Andersson.
* Licensed under the SIL Open Font License, Version 1.1: * Licensed under the SIL Open Font License, Version 1.1:
* https://github.com/rsms/inter/blob/master/LICENSE.txt * https://scripts.sil.org/OFL
*/ */
// Variable // Variable
@@ -25,11 +26,11 @@
@include Inter.fontFace($fontName: "Inter", $weight: 700, $unicodeMap: settings.$webfont-unicode-latin-only); @include Inter.fontFace($fontName: "Inter", $weight: 700, $unicodeMap: settings.$webfont-unicode-latin-only);
/*! /*!
* Roboto Mono typeface - https://fonts.google.com/specimen/Roboto+Mono * Roboto Mono typeface - https://github.com/googlefonts/robotomono
* *
* Copyright (c) 2015 The Roboto Mono Project Authors. * Copyright (c) 2015 The Roboto Mono Project Authors.
* Licensed under the Apache License, Version 2.0: * Licensed under the Apache License, Version 2.0:
* https://github.com/google/fonts/blob/main/apache/robotomono/LICENSE.txt * https://www.apache.org/licenses/LICENSE-2.0
*/ */
// Variable // Variable
@@ -50,7 +51,7 @@
* *
* Copyright (c) 2014 The Comic Neue Project Authors. * Copyright (c) 2014 The Comic Neue Project Authors.
* Licensed under the SIL Open Font License, Version 1.1: * Licensed under the SIL Open Font License, Version 1.1:
* https://github.com/crozynski/comicneue/blob/master/OFL.txt * https://scripts.sil.org/OFL
*/ */
@include ComicNeue.fontFace($fontName: "Comic Neue", $weight: 400, $unicodeMap: settings.$webfont-unicode-latin-only); @include ComicNeue.fontFace($fontName: "Comic Neue", $weight: 400, $unicodeMap: settings.$webfont-unicode-latin-only);

4
assets/sass/components/_global.scss
View File

@@ -46,7 +46,7 @@ pre,
// https://caniuse.com/#feat=variable-fonts // https://caniuse.com/#feat=variable-fonts
@supports (font-variation-settings: normal) { @supports (font-variation-settings: normal) {
body { body {
font-family: settings.$font-stack-variable; font-family: settings.$font-stack-sans-variable;
font-optical-sizing: auto; font-optical-sizing: auto;
} }
@@ -104,7 +104,7 @@ main {
$properties: ( $properties: (
color: "links", color: "links",
), ),
$addTransitions: ( $moreTransitions: (
background-size 0.25s ease-in-out, background-size 0.25s ease-in-out,
) )
); );