ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve comments for variables.

Browse source
This commit is contained in:
Fredrik Jonsson 2023-03-27 11:35:46 +02:00
commit a5a71c126f
1 changed files with 6 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

14
assets/sass/_variables.scss
View file

@ -5,11 +5,6 @@
// Font faces, stacks and sizes. // Font faces, stacks and sizes.
// Font styling and line heights are controlled by the several variables that
// used by mixins like `type-layout()`, `margin-top()`, and `margin-bottom()`.
// These variable and mixins are documented on the [Typey
// homepage](https://github.com/jptaranto/typey).
// The font size set on the root html element. // The font size set on the root html element.
// Specify unitless, it will be recalculated as %. // Specify unitless, it will be recalculated as %.
$base-font-size: 18; $base-font-size: 18;
@ -122,8 +117,9 @@ $border-radius: (
xs: 0.125rem, xs: 0.125rem,
); );
// Spacing. // Spacing
// Generates mt-m (mt = margin-top) and mb-m (mb = margin-bottom) classes. // Generates mt-m (mt = margin-top), mb-m (mb = margin-bottom) and
// mtb-m (mtb = margin-block) classes.
$spacing: ( $spacing: (
xxl: 3, xxl: 3,
xl: 2, xl: 2,
@ -147,15 +143,17 @@ $max-content-width: 1111px;
$max-line-width: 70ch; $max-line-width: 70ch;
// The left/right gutter/padding. // The left/right gutter/padding.
// Use like this: var(--gutters)
$gutters: calc(5px + 1.5625vw); $gutters: calc(5px + 1.5625vw);
$gutters-reverse: calc(0px - (5px + 1.5625vw)); $gutters-reverse: calc(0px - (5px + 1.5625vw));
// The amount lists, blockquotes and comments are indented. // The amount lists, blockquotes and comments are indented.
// Use like this: var(--indent-amount)
$indent-amount: 2rem; $indent-amount: 2rem;
// Control whether RTL styles are added. // Control whether RTL styles are added.
$include-rtl: false; $include-rtl: false;
// Show horizontal grid to help with debugging typography // Show horizontal grid to help with debugging typography.
$debug: false; $debug: false;
$debug-color: $grey-extra-light; $debug-color: $grey-extra-light;