From 610dd16b159ac184811662c0d51d7754d9553815 Mon Sep 17 00:00:00 2001 From: spongycake Date: Wed, 2 Feb 2022 12:27:17 +0000 Subject: [PATCH] settings +font-families,+font,+headings,+measurements,+spacing --- src/scss/settings/_font-families.scss | 5 ++++ src/scss/settings/_font.scss | 33 +++++++++++++++++++++++++++ src/scss/settings/_headings.scss | 22 ++++++++++++++++++ src/scss/settings/_measurements.scss | 13 +++++++++++ src/scss/settings/_spacing.scss | 1 + 5 files changed, 74 insertions(+) create mode 100644 src/scss/settings/_font-families.scss create mode 100644 src/scss/settings/_font.scss create mode 100644 src/scss/settings/_headings.scss create mode 100644 src/scss/settings/_measurements.scss create mode 100644 src/scss/settings/_spacing.scss diff --git a/src/scss/settings/_font-families.scss b/src/scss/settings/_font-families.scss new file mode 100644 index 0000000..b388b61 --- /dev/null +++ b/src/scss/settings/_font-families.scss @@ -0,0 +1,5 @@ +//============================================================================== +// Font Families +//============================================================================== + +$font-family-sans-serif: Arial, sans-serif !default; diff --git a/src/scss/settings/_font.scss b/src/scss/settings/_font.scss new file mode 100644 index 0000000..c9e0e73 --- /dev/null +++ b/src/scss/settings/_font.scss @@ -0,0 +1,33 @@ +@import "font-families"; + +// ========================================================= +// Font families +// ========================================================= + +// font families to use for all typography on screens + +$font-family: $font-family-sans-serif !default; + +// font families to use for print media +// We recommend that you use system fonts when printing. This will avoid issues +// with some printer drivers and operating systems. + +$font-family-print: sans-serif !default; + +// ========================================================= +// Font size +// ========================================================= + +//Base size + +$font-size-base: 1rem * 1.25 !default; + +// ========================================================= +// Font weights +// ========================================================= + +// font weight for regular typography +$font-weight-regular: 400 !default; + +// font weight for bold typography +$font-weight-bold: 700 !default; diff --git a/src/scss/settings/_headings.scss b/src/scss/settings/_headings.scss new file mode 100644 index 0000000..a0ef6d1 --- /dev/null +++ b/src/scss/settings/_headings.scss @@ -0,0 +1,22 @@ +//============================================================================== +// Headings +//============================================================================== + +$headings-margin-bottom: 20px; +$headings-font-weight: $font-weight-bold; +$headings-line-height: 1.4em; + +$h1-font-size: $font-size-base * 2.5 !default; +$h2-font-size: $font-size-base * 2 !default; +$h3-font-size: $font-size-base * 1.75 !default; +$h4-font-size: $font-size-base * 1.5 !default; +$h5-font-size: $font-size-base * 1.25 !default; +$h6-font-size: $font-size-base !default; + +//============================================================================== +// Paragraphs +//============================================================================== + +// lead +$lead-font-size: $font-size-base * 1.25 !default; +$lead-font-weight: $font-weight-regular !default; diff --git a/src/scss/settings/_measurements.scss b/src/scss/settings/_measurements.scss new file mode 100644 index 0000000..900378d --- /dev/null +++ b/src/scss/settings/_measurements.scss @@ -0,0 +1,13 @@ +// ========================================================= +// Page layout +// ========================================================= + +// width of main container +$container-page-width: 1200px !default; + +// width of gutter between grid columns + +$gutter: 30px; + +$gutter-half: $gutter / 2; + diff --git a/src/scss/settings/_spacing.scss b/src/scss/settings/_spacing.scss new file mode 100644 index 0000000..0a753d9 --- /dev/null +++ b/src/scss/settings/_spacing.scss @@ -0,0 +1 @@ +$paragraph-margin-bottom: 1rem !default;