diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md index a9020de..707408e 100644 --- a/docs/v2/DEVLOG.md +++ b/docs/v2/DEVLOG.md @@ -894,3 +894,5 @@ - Updated `grid` by moving variable definitions and defaults to the top of the module. - Updated flavor files, dealing with indentation and readability. +- Updated `navigation` by moving variable definitions and defaults. Added **hidden flag** `$header-colorize-svgs` for a hacky fix that was there before (just in case). +- Updated flavor files, made most multiline comments up to `navigation` into single line comments in order to make the flavor files shorter while maintining readability. diff --git a/src/flavors/mini-default.scss b/src/flavors/mini-default.scss index 2c346fb..6e9a0b1 100644 --- a/src/flavors/mini-default.scss +++ b/src/flavors/mini-default.scss @@ -16,8 +16,7 @@ $base-root-font-size: 16px; // Root font sizing for all elements [1] $base-font-size: 1em; // Default font sizing for all elements [2] $base-line-height: 1.5; // Default line height for all elements. $body-margin: 0; // Margin for the body -$apply-defaults-to-all: true; // Should default values be applied to all - // elements? (`true` or `false`) [3] +$apply-defaults-to-all: true; // Should default values be applied to all elements? (`true` or `false`) [3] $h1-font-size: 2em; // Font size of h1 $h2-font-size: 1.5em; // Font size for h2 $h3-font-size: 1.25em; // Font size for h3 @@ -28,8 +27,7 @@ $heading-line-height: 1.2em; // Line height for all headings $heading-margin: 12px 8px; // Margin for all headings $heading-font-weight: 500; // Font weight for all headings $heading-smalltext-fore-color: #424242; // color in headings -$make-heading-smalltext-block: true; // Should elements in headings - // be displayed as blocks (`true`/`false`) [4] +$make-heading-smalltext-block: true; // Should elements in headings be displayed as blocks (`true`/`false`) [4] $heading-smalltext-b-font-size: 75%; // Font size of block elements in headings $heading-smalltext-b-top-margin:-4px; // Top margin of block elements in headings $paragraph-margin: 1px 8px; // Margin for
elements @@ -38,10 +36,8 @@ $list-left-padding: 28px; // Left padding for
$blockquote-fore-color: $fore-color; // Text color for@@ -56,8 +52,7 @@ $blockquote-border-style: 0; // Border style for$blockquote-border-radius: 0 2px 2px 0; // Border radius for$blockquote-box-shadow: // Box shadow for0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); -$use-default-code-fonts: true; // Should default font choice (monospace) be - // used for code elements? (`true`/`false`) [6] +$use-default-code-fonts: true; // Should default font choice (monospace) be used for code elements? (`true`/`false`) [6] //$code-font-family: monospace, monospace; // Fonts for code elements if not default $code-element-padding: 2px 4px; // Padding for$code-element-fore-color: $fore-color; // Text color for
@@ -74,8 +69,7 @@ $pre-element-border-radius: 0 2px 2px 0; // Border radius for
$pre-element-margin: 8px 10px; // Margin for$pre-element-box-shadow: // Box shadow for0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15); -$add-pre-element-sidebar: true; // Should a fancy sidebar be added to the - // left side of(`true`/`false`) [7] +$add-pre-element-sidebar: true; // Should a fancy sidebar be added to the left side of(`true`/`false`) [7] $pre-element-sidebar-style: 3px solid #1565c0; // Style of the sidebar of$kbd-element-padding: 2px 4px; // Padding for $kbd-element-fore-color: #fafafa; // Text color for @@ -84,15 +78,13 @@ $kbd-element-border-style: 0; // Border style for $kbd-element-border-radius: 2px; // Border radius for $kbd-element-box-shadow: // Box shadow for 0 1px 2px rgba(0,0,0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); -$style-samp-element: false; // Should styles for be included? - // (`true`/`false`) [8] +$style-samp-element: false; // Should styles for be included? (`true`/`false`) [8] //$samp-element-padding: 2px 4px; // Padding for //$samp-element-fore-color: $fore-color; // Text color for //$samp-element-back-color: #2196f3; // Background color for //$samp-element-border-style: 0; // Border style for //$samp-element-border-radius:2px; // Border radius for -$include-dfn-fix: true; // Should the fix for Android 4.3 concerning - // be included (`true`/`false`) [9] +$include-dfn-fix: true; // Should the fix for Android 4.3 concerning be included (`true`/`false`) [9] $small-font-size: 75%; // Font size for elements $sup-font-size: 75%; // Font size for elements $sub-font-size: 75%; // Font size for elements @@ -101,11 +93,8 @@ $sub-bottom: -4px; // bottom $link-fore-color: #0277bd; // Text color for $link-visited-fore-color: #01579b; // Text color for visited $link-font-weight: 500; // Font weight for -$apply-link-underline: true; // Should an underline be applied to all - // elements? (`true`/`false`) [10] -$apply-link-hover-fade: true; // Should the :hover and :focus state of - // elements use fade-out instead of a different - // color (`true`/`false`) [11] +$apply-link-underline: true; // Should an underline be applied to all elements? (`true`/`false`) [10] +$apply-link-hover-fade: true; // Should the :hover and :focus state of elements use fade-out instead of a different color (`true`/`false`) [11] //$link-hover-fore-color: #0288d1; // Text color for when hovered or focused // Notes: // [1] - The value $base-root-font-size should be in `px` only! This rule is very important, as it will determine the root @@ -132,10 +121,8 @@ $apply-link-hover-fade: true; // Should the :hover and :focus state o // [11] - If `$apply-link-hover-fade` is set to `true`, a fading transition will be used for the link when hovered over or // focused. Otherwise, the color specified in $link-hover-fore-color will be used. // Variables for grid elements -$use-four-step-grid: false; // Should the old 4-step grid system be used - // instead of the new (`true`/`false`) [1] -$include-parent-layout: true; // Should the classes for rows defining the column - // layout of children be included (`true`/`false`) [2] +$use-four-step-grid: false; // Should the old 4-step grid system be used instead of the new (`true`/`false`) [1] +$include-parent-layout: true; // Should the classes for rows defining the column layout of children be included (`true`/`false`) [2] $grid-container-name: 'container'; // Class name for the grid container $grid-container-side-padding: 10px; // Padding for the grid container (left and right only) $grid-row-name: 'row'; // Class name for the grid's rows @@ -160,51 +147,48 @@ $grid-large-prefix: 'lg'; // Large screen class prefix for grid // [2] - If the value of $include-parent-layout is `true`, the grid system will contain extra classes that will define the column // layout of their children. In this case, a value should be specified for $grid-row-parent-layout-prefix. // Variables for navigational elements -$header-height: 44px; // Height for-$header-back-color: #263238; // Background color for -$header-fore-color: #fafafa; // Text color for +$header-height: 44px; // Height for +$header-back-color: #263238; // Background color for +$header-fore-color: #fafafa; // Text color for $header-border-style: 0; // Border style for -$header-margin: 0; // Margin for -$header-padding: 2px 8px; // Padding for -$header-box-shadow: // Box shadow for +$header-margin: 0; // Margin for +$header-padding: 2px 8px; // Padding for +$header-box-shadow: // Box shadow for 0 2px 4px rgba(0,0,0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26); -$header-logo-name: 'logo'; // Class name for 's logo -$header-logo-font-size: 1.75em; // Font size for 's logo -$header-logo-line-height: 1.2; // Line height for 's logo -$header-logo-margin: 1px 6px 1px 1px; // Margin for 's logo -$header-logo-padding: 3px 0 0; // Padding for 's logo -$header-link-hover-color: #37474f; // Hover color for 's links -$header-link-margin: 2px 0 0; // Margin for 's links -$include-header-sticky: true; // Should sticky elements be - // included? (`true`/`false`) [1] -$header-sticky-name: 'sticky'; // Class name for sticky -$nav-back-color: #eceff1; // Background for