SCSS: Add font weight variables / helpers

This commit is contained in:
Molkobain
2021-06-03 18:40:44 +02:00
committed by Eric
parent 0d35f20bf4
commit ddad4717ff
2 changed files with 161 additions and 78 deletions

View File

@@ -29,6 +29,18 @@ $ibo-font-size-450: 2.5rem !default; /* 30px */
$ibo-font-size-500: 3rem !default; /* 36px */
$ibo-font-size-550: 4rem !default; /* 48px */
/* Value Common weight name (https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) */
$ibo-font-weight-100: 100 !default; /* 100 Thin (Harline) */
$ibo-font-weight-200: 200 !default; /* 200 Extra Light (Ultra Light) */
$ibo-font-weight-300: 300 !default; /* 300 Light */
$ibo-font-weight-400: 400 !default; /* 400 Normal (Regular) */
$ibo-font-weight-500: 500 !default; /* 500 Medium */
$ibo-font-weight-600: 600 !default; /* 600 Semi Bold (Demi Bold) */
$ibo-font-weight-700: 700 !default; /* 700 Bold */
$ibo-font-weight-800: 800 !default; /* 800 Extra Bold (Ultra Bold) */
$ibo-font-weight-900: 900 !default; /* 900 Black (Heavy) */
$ibo-font-weight-950: 950 !default; /* 950 Extra Black (Ultra Black) */
$ibo-font-family-base: "Raleway" !default;
$ibo-font-family-fallbacks: "sans-serif", "system-ui" !default;
$ibo-font-family-monospace: "monospace" !default;
@@ -48,6 +60,19 @@ $ibo-font-family-code: $ibo-font-family-monospace !default;
--ibo-font-size-550: #{$ibo-font-size-550};
}
:root {
--ibo-font-weight-100: #{$ibo-font-weight-100};
--ibo-font-weight-200: #{$ibo-font-weight-200};
--ibo-font-weight-300: #{$ibo-font-weight-300};
--ibo-font-weight-400: #{$ibo-font-weight-400};
--ibo-font-weight-500: #{$ibo-font-weight-500};
--ibo-font-weight-600: #{$ibo-font-weight-600};
--ibo-font-weight-700: #{$ibo-font-weight-700};
--ibo-font-weight-800: #{$ibo-font-weight-800};
--ibo-font-weight-900: #{$ibo-font-weight-900};
--ibo-font-weight-950: #{$ibo-font-weight-950};
}
:root {
--ibo-font-family-base: #{$ibo-font-family-base};
--ibo-font-family-monospace: #{$ibo-font-family-monospace};