mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-08-17 19:26:19 +02:00
Updated core module's variables
The variables in core have been moved to the top of the file and the corresponding values and descriptions in the falvor files updated as required.
This commit is contained in:
Angelos Chalaris
@@ -881,3 +881,11 @@
|
|||||||
- Updated `mini-sucroa`: Removed `horizontal` tables, added `sticky` for `header` and `footer`, added `tooltip`, disabled legacy support in `utility`. Updated the rest of the components as required (minor changes).
|
- Updated `mini-sucroa`: Removed `horizontal` tables, added `sticky` for `header` and `footer`, added `tooltip`, disabled legacy support in `utility`. Updated the rest of the components as required (minor changes).
|
||||||
- Updated `mini-sucroa` flavor description.
|
- Updated `mini-sucroa` flavor description.
|
||||||
- Decided to drop `mini-classic`, not worth it in the long run. See #57 for details.
|
- Decided to drop `mini-classic`, not worth it in the long run. See #57 for details.
|
||||||
|
|
||||||
|
# v2.1.1 Development log
|
||||||
|
|
||||||
|
## 20170329
|
||||||
|
|
||||||
|
- Started code cleanup and updating.
|
||||||
|
- Updated `core` by moving all of the variable definitions and defaults at the top of the module's file.
|
||||||
|
- Updated both flavor files to deal with the indentation and column problems (only for the `core` module so far). Readability is a lot better, but consistency is a little bit worse. For all intents and purposes, this is the way to go for this release, as the previous styling was impossible to read for the most part in many setups.
|
||||||
|
|||||||
@@ -7,107 +7,106 @@
|
|||||||
mini.css version: v2.1.0 (Fermion)
|
mini.css version: v2.1.0 (Fermion)
|
||||||
*/
|
*/
|
||||||
// Basic rules for body and typography
|
// Basic rules for body and typography
|
||||||
$fore-color: #212121; // Text and general foreground color
|
$fore-color: #212121; // Text and general foreground color
|
||||||
$back-color: #f5f5f5; // Body background color
|
$back-color: #f5f5f5; // Body background color
|
||||||
$base-font-family: // Default font stack for all elements:
|
$base-font-family: // Default font stack for all elements:
|
||||||
'-apple-system, BlinkMacSystemFont,\"Segoe UI\",\"Roboto\", \"Droid Sans\",\"Helvetica Neue\", Helvetica, Arial, sans-serif';
|
'-apple-system, BlinkMacSystemFont,\"Segoe UI\",\"Roboto\", \"Droid Sans\",\"Helvetica Neue\", Helvetica, Arial, sans-serif';
|
||||||
// OS X and iOS system fonts (San Francisco) -> Windows system fonts -> Android system fonts (newer and older) -> Fallback fonts
|
// OS X and iOS system fonts (San Francisco) -> Windows system fonts -> Android system fonts (newer and older) -> Fallback fonts
|
||||||
$base-root-font-size: 16px; // Root font sizing for all elements [1]
|
$base-root-font-size: 16px; // Root font sizing for all elements [1]
|
||||||
$base-font-size: 1em; // Default font sizing for all elements [2]
|
$base-font-size: 1em; // Default font sizing for all elements [2]
|
||||||
$base-line-height: 1.5; // Default line height for all elements.
|
$base-line-height: 1.5; // Default line height for all elements.
|
||||||
$body-margin: 0; // Margin for the body
|
$body-margin: 0; // Margin for the body
|
||||||
$apply-defaults-to-all: true; // Should default values be applied to all
|
$apply-defaults-to-all: true; // Should default values be applied to all
|
||||||
// elements? (`true` or `false`) [3]
|
// elements? (`true` or `false`) [3]
|
||||||
$h1-font-size: 2em; // Font size of h1
|
$h1-font-size: 2em; // Font size of h1
|
||||||
$h2-font-size: 1.5em; // Font size for h2
|
$h2-font-size: 1.5em; // Font size for h2
|
||||||
$h3-font-size: 1.25em; // Font size for h3
|
$h3-font-size: 1.25em; // Font size for h3
|
||||||
$h4-font-size: 1.1em; // Font size for h4
|
$h4-font-size: 1.1em; // Font size for h4
|
||||||
$h5-font-size: 1em; // Font size for h5
|
$h5-font-size: 1em; // Font size for h5
|
||||||
$h6-font-size: 0.85em; // Font size for h6
|
$h6-font-size: 0.85em; // Font size for h6
|
||||||
$heading-line-height: 1.2em; // Line height for all headings
|
$heading-line-height: 1.2em; // Line height for all headings
|
||||||
$heading-margin: 12px 8px; // Margin for all headings
|
$heading-margin: 12px 8px; // Margin for all headings
|
||||||
$heading-font-weight: 500; // Font weight for all headings
|
$heading-font-weight: 500; // Font weight for all headings
|
||||||
$heading-smalltext-fore-color: #424242; // <small> color in headings
|
$heading-smalltext-fore-color: #424242; // <small> color in headings
|
||||||
$make-heading-smalltext-block: true; // Should <small> elements in headings
|
$make-heading-smalltext-block: true; // Should <small> elements in headings
|
||||||
// be displayed as blocks (`true`/`false`) [4]
|
// be displayed as blocks (`true`/`false`) [4]
|
||||||
$heading-smalltext-b-font-size: 75%; // Font size of block <small> elements in headings
|
$heading-smalltext-b-font-size: 75%; // Font size of block <small> elements in headings
|
||||||
$heading-smalltext-b-top-margin:-4px; // Top margin of block <small> elements in headings
|
$heading-smalltext-b-top-margin:-4px; // Top margin of block <small> elements in headings
|
||||||
$paragraph-margin: 1px 8px; // Margin for <p> elements
|
$paragraph-margin: 1px 8px; // Margin for <p> elements
|
||||||
$list-margin: 1px 8px 10px; // Margin for <ol> and <ul> elements
|
$list-margin: 1px 8px 10px; // Margin for <ol> and <ul> elements
|
||||||
$list-left-padding: 28px; // Left padding for <ol> and <ul> elements
|
$list-left-padding: 28px; // Left padding for <ol> and <ul> elements
|
||||||
$bold-font-weight: 700; // Font weight for <b> and <strong>
|
$bold-font-weight: 700; // Font weight for <b> and <strong>
|
||||||
$horizontal-rule-line-height: 1.25em; // <hr> line height
|
$horizontal-rule-line-height: 1.25em; // <hr> line height
|
||||||
$horizontal-rule-margin: 8px; // <hr> margin
|
$horizontal-rule-margin: 8px; // <hr> margin
|
||||||
$horizontal-rule-border-style: 1px solid #757575; // Border style for horizontal rules (used
|
$horizontal-rule-border-style: 1px solid #757575;// Border style for horizontal rules (used
|
||||||
// in the <hr> element's border-top)
|
// in the <hr> element's border-top)
|
||||||
$horizontal-rule-fancy-style: true; // Should a fancy styling be applied for the
|
$horizontal-rule-fancy-style: true; // Should a fancy styling be applied for the
|
||||||
// <hr> element (`true`/`false`) [5]
|
// <hr> element (`true`/`false`) [5]
|
||||||
$horizontal-rule-fancy-gradient:"to right, #bdbdbd, #616161, #bdbdbd"; // Gradient style for fancy horizontal rule
|
$horizontal-rule-fancy-gradient:"to right, #bdbdbd, #616161, #bdbdbd"; // Gradient style for fancy horizontal rule
|
||||||
$blockquote-back-color: #eeeeee; // Background color for <blockquote>
|
$blockquote-back-color: #eeeeee; // Background color for <blockquote>
|
||||||
$blockquote-fore-color: $fore-color; // Text color for <blockquote>
|
$blockquote-fore-color: $fore-color; // Text color for <blockquote>
|
||||||
$blockquote-margin: 8px 10px; // Margin for <blockquote>
|
$blockquote-margin: 8px 10px; // Margin for <blockquote>
|
||||||
$blockquote-padding: 6px 10px 24px; // Padding for <blockquote>
|
$blockquote-padding: 6px 10px 24px; // Padding for <blockquote>
|
||||||
$blockquote-sidebar-style: 3px solid #616161; // Style for the sidebar of <blockquote>
|
$blockquote-sidebar-style: 3px solid #616161; // Style for the sidebar of <blockquote>
|
||||||
$blockquote-cite-font-size: 0.85em; // Font size for citation of <blockquote>
|
$blockquote-cite-font-size: 0.85em; // Font size for citation of <blockquote>
|
||||||
$blockquote-cite-fore-color: #616161; // Text color for citation of <blockquote>
|
$blockquote-cite-fore-color: #616161; // Text color for citation of <blockquote>
|
||||||
$blockquote-cite-left-position: 10px; // Left padding for citation of <blockquote>
|
$blockquote-cite-left-position: 10px; // Left padding for citation of <blockquote>
|
||||||
$blockquote-cite-bottom-position: // Bottom padding for citation of <blockquote>
|
$blockquote-cite-bottom-position: 0; // Bottom padding for citation of <blockquote>
|
||||||
0;
|
$blockquote-border-style: 0; // Border style for <blockquote>
|
||||||
$blockquote-border-style: 0; // Border style for <blockquote>
|
$blockquote-border-radius: 0 2px 2px 0; // Border radius for <blockquote>
|
||||||
$blockquote-border-radius: 0 2px 2px 0; // Border radius for <blockquote>
|
$blockquote-box-shadow: // Box shadow for <blockquote>
|
||||||
$blockquote-box-shadow: // Box shadow for <blockquote>
|
|
||||||
0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);
|
0 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
|
$use-default-code-fonts: true; // Should default font choice (monospace) be
|
||||||
// used for code elements? (`true`/`false`) [6]
|
// used for code elements? (`true`/`false`) [6]
|
||||||
//$code-font-family: monospace, monospace; // Fonts for code elements if not default
|
//$code-font-family: monospace, monospace; // Fonts for code elements if not default
|
||||||
$code-element-padding: 2px 4px; // Padding for <code>
|
$code-element-padding: 2px 4px; // Padding for <code>
|
||||||
$code-element-fore-color: $fore-color; // Text color for <code>
|
$code-element-fore-color: $fore-color; // Text color for <code>
|
||||||
$code-element-back-color: #e0e0e0; // Background color for <code>
|
$code-element-back-color: #e0e0e0; // Background color for <code>
|
||||||
$code-element-border-style: 0; // Border style for <code>
|
$code-element-border-style: 0; // Border style for <code>
|
||||||
$code-element-border-radius: 2px; // Border radius for <code>
|
$code-element-border-radius: 2px; // Border radius for <code>
|
||||||
$code-element-box-shadow: // Box shadow for <code>
|
$code-element-box-shadow: // Box shadow for <code>
|
||||||
0 1px 2px rgba(0,0,0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);
|
0 1px 2px rgba(0,0,0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||||
$pre-element-padding: 12px; // Padding for <pre>
|
$pre-element-padding: 12px; // Padding for <pre>
|
||||||
$pre-element-fore-color: $code-element-fore-color; // Text color for <pre>
|
$pre-element-fore-color: $code-element-fore-color; // Text color for <pre>
|
||||||
$pre-element-back-color: $code-element-back-color; // Background color for <pre>
|
$pre-element-back-color: $code-element-back-color; // Background color for <pre>
|
||||||
$pre-element-border-style: 0; // Border style for <pre>
|
$pre-element-border-style: 0; // Border style for <pre>
|
||||||
$pre-element-border-radius: 0 2px 2px 0; // Border radius for <pre>
|
$pre-element-border-radius: 0 2px 2px 0; // Border radius for <pre>
|
||||||
$pre-element-margin: 8px 10px; // Margin for <pre>
|
$pre-element-margin: 8px 10px; // Margin for <pre>
|
||||||
$pre-element-box-shadow: // Box shadow for <pre>
|
$pre-element-box-shadow: // Box shadow for <pre>
|
||||||
0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);
|
0 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
|
$add-pre-element-sidebar: true; // Should a fancy sidebar be added to the
|
||||||
// left side of <pre> (`true`/`false`) [7]
|
// left side of <pre> (`true`/`false`) [7]
|
||||||
$pre-element-sidebar-style: 3px solid #1565c0; // Style of the sidebar of <pre>
|
$pre-element-sidebar-style: 3px solid #1565c0; // Style of the sidebar of <pre>
|
||||||
$kbd-element-padding: 2px 4px; // Padding for <kbd>
|
$kbd-element-padding: 2px 4px; // Padding for <kbd>
|
||||||
$kbd-element-fore-color: #fafafa; // Text color for <kbd>
|
$kbd-element-fore-color: #fafafa; // Text color for <kbd>
|
||||||
$kbd-element-back-color: $fore-color; // Background color for <kbd>
|
$kbd-element-back-color: $fore-color; // Background color for <kbd>
|
||||||
$kbd-element-border-style: 0; // Border style for <kbd>
|
$kbd-element-border-style: 0; // Border style for <kbd>
|
||||||
$kbd-element-border-radius: 2px; // Border radius for <kbd>
|
$kbd-element-border-radius: 2px; // Border radius for <kbd>
|
||||||
$kbd-element-box-shadow: // Box shadow for <kbd>
|
$kbd-element-box-shadow: // Box shadow for <kbd>
|
||||||
0 1px 2px rgba(0,0,0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);
|
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 <samp> be included?
|
$style-samp-element: false; // Should styles for <samp> be included?
|
||||||
// (`true`/`false`) [8]
|
// (`true`/`false`) [8]
|
||||||
//$samp-element-padding: 2px 4px; // Padding for <samp>
|
//$samp-element-padding: 2px 4px; // Padding for <samp>
|
||||||
//$samp-element-fore-color: $fore-color; // Text color for <samp>
|
//$samp-element-fore-color: $fore-color; // Text color for <samp>
|
||||||
//$samp-element-back-color: #2196f3; // Background color for <samp>
|
//$samp-element-back-color: #2196f3; // Background color for <samp>
|
||||||
//$samp-element-border-style: 0; // Border style for <samp>
|
//$samp-element-border-style: 0; // Border style for <samp>
|
||||||
//$samp-element-border-radius: 2px; // Border radius for <samp>
|
//$samp-element-border-radius:2px; // Border radius for <samp>
|
||||||
$include-dfn-fix: true; // Should the fix for Android 4.3 concerning <dfn>
|
$include-dfn-fix: true; // Should the fix for Android 4.3 concerning <dfn>
|
||||||
// be included (`true`/`false`) [9]
|
// be included (`true`/`false`) [9]
|
||||||
$small-font-size: 75%; // Font size for <small> elements
|
$small-font-size: 75%; // Font size for <small> elements
|
||||||
$sup-font-size: 75%; // Font size for <sup> elements
|
$sup-font-size: 75%; // Font size for <sup> elements
|
||||||
$sub-font-size: 75%; // Font size for <sub> elements
|
$sub-font-size: 75%; // Font size for <sub> elements
|
||||||
$sup-top: -8px; // <sup> top
|
$sup-top: -8px; // <sup> top
|
||||||
$sub-bottom: -4px; // <sub> bottom
|
$sub-bottom: -4px; // <sub> bottom
|
||||||
$link-fore-color: #0277bd; // Text color for <a>
|
$link-fore-color: #0277bd; // Text color for <a>
|
||||||
$link-visited-fore-color: #01579b; // Text color for visited <a>
|
$link-visited-fore-color: #01579b; // Text color for visited <a>
|
||||||
$link-font-weight: 500; // Font weight for <a>
|
$link-font-weight: 500; // Font weight for <a>
|
||||||
$apply-link-underline: true; // Should an underline be applied to all <a>
|
$apply-link-underline: true; // Should an underline be applied to all <a>
|
||||||
// elements? (`true`/`false`) [10]
|
// elements? (`true`/`false`) [10]
|
||||||
$apply-link-hover-fade: true; // Should the :hover and :focus state of <a>
|
$apply-link-hover-fade: true; // Should the :hover and :focus state of <a>
|
||||||
// elements use fade-out instead of a different
|
// elements use fade-out instead of a different
|
||||||
// color (`true`/`false`) [11]
|
// color (`true`/`false`) [11]
|
||||||
//$link-hover-fore-color: #0288d1; // Text color for <a> when hovered or focused
|
//$link-hover-fore-color: #0288d1; // Text color for <a> when hovered or focused
|
||||||
// Notes:
|
// Notes:
|
||||||
// [1] - The value $base-root-font-size should be in `px` only! This rule is very important, as it will determine the root
|
// [1] - The value $base-root-font-size should be in `px` only! This rule is very important, as it will determine the root
|
||||||
// element's font sizing.
|
// element's font sizing.
|
||||||
|
|||||||
@@ -11,105 +11,104 @@
|
|||||||
// font-family: 'Libre Baskerville', serif;
|
// font-family: 'Libre Baskerville', serif;
|
||||||
// font-family: 'Cousine', monospace;
|
// font-family: 'Cousine', monospace;
|
||||||
// Basic rules for body and typography
|
// Basic rules for body and typography
|
||||||
$fore-color: #211423; // Text and general foreground color
|
$fore-color: #211423; // Text and general foreground color
|
||||||
$back-color: #fffcc9; // Body background color
|
$back-color: #fffcc9; // Body background color
|
||||||
$base-font-family: 'Libre Baskerville', serif; // Default font stack for all elements:
|
$base-font-family: 'Libre Baskerville', serif; // Default font stack for all elements:
|
||||||
$base-root-font-size: 16px; // Root font sizing for all elements [1]
|
$base-root-font-size: 16px; // Root font sizing for all elements [1]
|
||||||
$base-font-size: 1em; // Default font sizing for all elements [2]
|
$base-font-size: 1em; // Default font sizing for all elements [2]
|
||||||
$base-line-height: 1.7; // Default line height for all elements.
|
$base-line-height: 1.7; // Default line height for all elements.
|
||||||
$body-margin: 0; // Margin for the body
|
$body-margin: 0; // Margin for the body
|
||||||
$apply-defaults-to-all: true; // Should default values be applied to all
|
$apply-defaults-to-all: true; // Should default values be applied to all
|
||||||
// elements? (`true` or `false`) [3]
|
// elements? (`true` or `false`) [3]
|
||||||
$h1-font-size: 2.2em; // Font size of h1
|
$h1-font-size: 2.2em; // Font size of h1
|
||||||
$h2-font-size: 1.7em; // Font size for h2
|
$h2-font-size: 1.7em; // Font size for h2
|
||||||
$h3-font-size: 1.4em; // Font size for h3
|
$h3-font-size: 1.4em; // Font size for h3
|
||||||
$h4-font-size: 1.2em; // Font size for h4
|
$h4-font-size: 1.2em; // Font size for h4
|
||||||
$h5-font-size: 1em; // Font size for h5
|
$h5-font-size: 1em; // Font size for h5
|
||||||
$h6-font-size: 0.9em; // Font size for h6
|
$h6-font-size: 0.9em; // Font size for h6
|
||||||
$heading-line-height: 1.2em; // Line height for all headings
|
$heading-line-height: 1.2em; // Line height for all headings
|
||||||
$heading-margin: 12px 10px; // Margin for all headings
|
$heading-margin: 12px 10px; // Margin for all headings
|
||||||
$heading-font-weight: 500; // Font weight for all headings
|
$heading-font-weight: 500; // Font weight for all headings
|
||||||
$heading-smalltext-fore-color: #424242; // <small> color in headings
|
$heading-smalltext-fore-color: #424242; // <small> color in headings
|
||||||
$make-heading-smalltext-block: true; // Should <small> elements in headings
|
$make-heading-smalltext-block: true; // Should <small> elements in headings
|
||||||
// be displayed as blocks (`true`/`false`) [4]
|
// be displayed as blocks (`true`/`false`) [4]
|
||||||
$heading-smalltext-b-font-size: 75%; // Font size of block <small> elements in headings
|
$heading-smalltext-b-font-size: 75%; // Font size of block <small> elements in headings
|
||||||
$heading-smalltext-b-top-margin:-2px; // Top margin of block <small> elements in headings
|
$heading-smalltext-b-top-margin:-2px; // Top margin of block <small> elements in headings
|
||||||
$paragraph-margin: 4px 10px; // Margin for <p> elements
|
$paragraph-margin: 4px 10px; // Margin for <p> elements
|
||||||
$list-margin: 4px 10px 10px; // Margin for <ol> and <ul> elements
|
$list-margin: 4px 10px 10px; // Margin for <ol> and <ul> elements
|
||||||
$list-left-padding: 32px; // Left padding for <ol> and <ul> elements
|
$list-left-padding: 32px; // Left padding for <ol> and <ul> elements
|
||||||
$bold-font-weight: 700; // Font weight for <b> and <strong>
|
$bold-font-weight: 700; // Font weight for <b> and <strong>
|
||||||
$horizontal-rule-line-height: 1.3em; // <hr> line height
|
$horizontal-rule-line-height: 1.3em; // <hr> line height
|
||||||
$horizontal-rule-margin: 10px; // <hr> margin
|
$horizontal-rule-margin: 10px; // <hr> margin
|
||||||
$horizontal-rule-border-style: 1px solid #757575; // Border style for horizontal rules (used
|
$horizontal-rule-border-style: 1px solid #757575; // Border style for horizontal rules (used
|
||||||
// in the <hr> element's border-top)
|
// in the <hr> element's border-top)
|
||||||
$horizontal-rule-fancy-style: true; // Should a fancy styling be applied for the
|
$horizontal-rule-fancy-style: true; // Should a fancy styling be applied for the
|
||||||
// <hr> element (`true`/`false`) [5]
|
// <hr> element (`true`/`false`) [5]
|
||||||
$horizontal-rule-fancy-gradient:"to right, #5d545f, #1e1320, #5d545f"; // Gradient style for fancy horizontal rule
|
$horizontal-rule-fancy-gradient:"to right, #5d545f, #1e1320, #5d545f"; // Gradient style for fancy horizontal rule
|
||||||
$blockquote-back-color: #eae1ff; // Background color for <blockquote>
|
$blockquote-back-color: #eae1ff; // Background color for <blockquote>
|
||||||
$blockquote-fore-color: $fore-color; // Text color for <blockquote>
|
$blockquote-fore-color: $fore-color; // Text color for <blockquote>
|
||||||
$blockquote-margin: 10px; // Margin for <blockquote>
|
$blockquote-margin: 10px; // Margin for <blockquote>
|
||||||
$blockquote-padding: 8px 12px 28px; // Padding for <blockquote>
|
$blockquote-padding: 8px 12px 28px; // Padding for <blockquote>
|
||||||
$blockquote-sidebar-style: 3px solid #331e36; // Style for the sidebar of <blockquote>
|
$blockquote-sidebar-style: 3px solid #331e36; // Style for the sidebar of <blockquote>
|
||||||
$blockquote-cite-font-size: 0.85em; // Font size for citation of <blockquote>
|
$blockquote-cite-font-size: 0.85em; // Font size for citation of <blockquote>
|
||||||
$blockquote-cite-fore-color: #5d545f; // Text color for citation of <blockquote>
|
$blockquote-cite-fore-color:#5d545f; // Text color for citation of <blockquote>
|
||||||
$blockquote-cite-left-position: 10px; // Left padding for citation of <blockquote>
|
$blockquote-cite-left-position: 10px; // Left padding for citation of <blockquote>
|
||||||
$blockquote-cite-bottom-position: // Bottom padding for citation of <blockquote>
|
$blockquote-cite-bottom-position: 4px; // Bottom padding for citation of <blockquote>
|
||||||
4px;
|
$blockquote-border-style: 0; // Border style for <blockquote>
|
||||||
$blockquote-border-style: 0; // Border style for <blockquote>
|
$blockquote-border-radius: 2px; // Border radius for <blockquote>
|
||||||
$blockquote-border-radius: 2px; // Border radius for <blockquote>
|
|
||||||
$blockquote-box-shadow: // Box shadow for <blockquote>
|
$blockquote-box-shadow: // Box shadow for <blockquote>
|
||||||
0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);
|
0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);
|
||||||
$use-default-code-fonts: false; // Should default font choice (monospace) be
|
$use-default-code-fonts: false; // Should default font choice (monospace) be
|
||||||
// used for code elements? (`true`/`false`) [6]
|
// used for code elements? (`true`/`false`) [6]
|
||||||
$code-font-family: 'Cousine', monospace, monospace; // Fonts for code elements if not default
|
$code-font-family: 'Cousine', monospace, monospace;// Fonts for code elements if not default
|
||||||
$code-element-padding: 3px 4px; // Padding for <code>
|
$code-element-padding: 3px 4px; // Padding for <code>
|
||||||
$code-element-fore-color: $fore-color; // Text color for <code>
|
$code-element-fore-color: $fore-color; // Text color for <code>
|
||||||
$code-element-back-color: #e8deff; // Background color for <code>
|
$code-element-back-color: #e8deff; // Background color for <code>
|
||||||
$code-element-border-style: 0; // Border style for <code>
|
$code-element-border-style: 0; // Border style for <code>
|
||||||
$code-element-border-radius: 2px; // Border radius for <code>
|
$code-element-border-radius:2px; // Border radius for <code>
|
||||||
$code-element-box-shadow: // Box shadow for <code>
|
$code-element-box-shadow: // Box shadow for <code>
|
||||||
0 1px 2px rgba(0,0,0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);
|
0 1px 2px rgba(0,0,0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);
|
||||||
$pre-element-padding: 8px 12px 8px; // Padding for <pre>
|
$pre-element-padding: 8px 12px 8px; // Padding for <pre>
|
||||||
$pre-element-fore-color: $code-element-fore-color; // Text color for <pre>
|
$pre-element-fore-color: $code-element-fore-color; // Text color for <pre>
|
||||||
$pre-element-back-color: $code-element-back-color; // Background color for <pre>
|
$pre-element-back-color: $code-element-back-color; // Background color for <pre>
|
||||||
$pre-element-border-style: 0; // Border style for <pre>
|
$pre-element-border-style: 0; // Border style for <pre>
|
||||||
$pre-element-border-radius: 2px; // Border radius for <pre>
|
$pre-element-border-radius: 2px; // Border radius for <pre>
|
||||||
$pre-element-margin: 10px; // Margin for <pre>
|
$pre-element-margin: 10px; // Margin for <pre>
|
||||||
$pre-element-box-shadow: // Box shadow for <pre>
|
$pre-element-box-shadow: // Box shadow for <pre>
|
||||||
0 1px 3px rgba(0,0,0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);
|
0 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
|
$add-pre-element-sidebar: true; // Should a fancy sidebar be added to the
|
||||||
// left side of <pre> (`true`/`false`) [7]
|
// left side of <pre> (`true`/`false`) [7]
|
||||||
$pre-element-sidebar-style: 3px solid #6979c6; // Style of the sidebar of <pre>
|
$pre-element-sidebar-style: 3px solid #6979c6; // Style of the sidebar of <pre>
|
||||||
$kbd-element-padding: 3px 4px; // Padding for <kbd>
|
$kbd-element-padding: 3px 4px; // Padding for <kbd>
|
||||||
$kbd-element-fore-color: #fffddc; // Text color for <kbd>
|
$kbd-element-fore-color: #fffddc; // Text color for <kbd>
|
||||||
$kbd-element-back-color: #331e36; // Background color for <kbd>
|
$kbd-element-back-color: #331e36; // Background color for <kbd>
|
||||||
$kbd-element-border-style: 0; // Border style for <kbd>
|
$kbd-element-border-style: 0; // Border style for <kbd>
|
||||||
$kbd-element-border-radius: 2px; // Border radius for <kbd>
|
$kbd-element-border-radius: 2px; // Border radius for <kbd>
|
||||||
$kbd-element-box-shadow: // Box shadow for <kbd>
|
$kbd-element-box-shadow: // Box shadow for <kbd>
|
||||||
0 1px 2px rgba(0,0,0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);
|
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 <samp> be included?
|
$style-samp-element: false; // Should styles for <samp> be included?
|
||||||
// (`true`/`false`) [8]
|
// (`true`/`false`) [8]
|
||||||
//$samp-element-padding: 2px 4px; // Padding for <samp>
|
//$samp-element-padding: 2px 4px; // Padding for <samp>
|
||||||
//$samp-element-fore-color: $fore-color; // Text color for <samp>
|
//$samp-element-fore-color: $fore-color; // Text color for <samp>
|
||||||
//$samp-element-back-color: #2196f3; // Background color for <samp>
|
//$samp-element-back-color: #2196f3; // Background color for <samp>
|
||||||
//$samp-element-border-style: 0; // Border style for <samp>
|
//$samp-element-border-style: 0; // Border style for <samp>
|
||||||
//$samp-element-border-radius: 2px; // Border radius for <samp>
|
//$samp-element-border-radius:2px; // Border radius for <samp>
|
||||||
$include-dfn-fix: true; // Should the fix for Android 4.3 concerning <dfn>
|
$include-dfn-fix: true; // Should the fix for Android 4.3 concerning <dfn>
|
||||||
// be included (`true`/`false`) [9]
|
// be included (`true`/`false`) [9]
|
||||||
$small-font-size: 80%; // Font size for <small> elements
|
$small-font-size: 80%; // Font size for <small> elements
|
||||||
$sup-font-size: 80%; // Font size for <sup> elements
|
$sup-font-size: 80%; // Font size for <sup> elements
|
||||||
$sub-font-size: 80%; // Font size for <sub> elements
|
$sub-font-size: 80%; // Font size for <sub> elements
|
||||||
$sup-top: -6px; // <sup> top
|
$sup-top: -6px; // <sup> top
|
||||||
$sub-bottom: -6px; // <sub> bottom
|
$sub-bottom: -6px; // <sub> bottom
|
||||||
$link-fore-color: #5664a3; // Text color for <a>
|
$link-fore-color: #5664a3; // Text color for <a>
|
||||||
$link-visited-fore-color: #434e7f; // Text color for visited <a>
|
$link-visited-fore-color: #434e7f; // Text color for visited <a>
|
||||||
$link-font-weight: 500; // Font weight for <a>
|
$link-font-weight: 500; // Font weight for <a>
|
||||||
$apply-link-underline: true; // Should an underline be applied to all <a>
|
$apply-link-underline: true; // Should an underline be applied to all <a>
|
||||||
// elements? (`true`/`false`) [10]
|
// elements? (`true`/`false`) [10]
|
||||||
$apply-link-hover-fade: true; // Should the :hover and :focus state of <a>
|
$apply-link-hover-fade: true; // Should the :hover and :focus state of <a>
|
||||||
// elements use fade-out instead of a different
|
// elements use fade-out instead of a different
|
||||||
// color (`true`/`false`) [11]
|
// color (`true`/`false`) [11]
|
||||||
//$link-hover-fore-color: #0288d1; // Text color for <a> when hovered or focused
|
//$link-hover-fore-color: #0288d1; // Text color for <a> when hovered or focused
|
||||||
// Notes:
|
// Notes:
|
||||||
// [1] - The value $base-root-font-size should be in `px` only! This rule is very important, as it will determine the root
|
// [1] - The value $base-root-font-size should be in `px` only! This rule is very important, as it will determine the root
|
||||||
// element's font sizing.
|
// element's font sizing.
|
||||||
|
|||||||
@@ -1,8 +1,24 @@
|
|||||||
/*
|
/*
|
||||||
Browsers resets and base typography.
|
Browsers resets and base typography.
|
||||||
*/
|
*/
|
||||||
$apply-defaults-to-all: true !default; // Should default values be applied to all elements? (`true` or `false`).
|
// Should default values be applied to all elements? (`true`/`false`).
|
||||||
$base-root-font-size: 16px !default; // Root font sizing for all elements - In `px` only!
|
$apply-defaults-to-all: true !default;
|
||||||
|
// Root font sizing for all elements - Should only be specified in `px` units!
|
||||||
|
$base-root-font-size: 16px !default;
|
||||||
|
// Fix display of <dfn> element in older versions of Android.
|
||||||
|
$include-dfn-fix: true !default;
|
||||||
|
// Should <small> elements in headings be displayed as blocks (`true`/`false`).
|
||||||
|
$make-heading-smalltext-block: false !default;
|
||||||
|
// Should a fancy styling be applied for the <hr> element (`true`/`false`).
|
||||||
|
$horizontal-rule-fancy-style: false !default;
|
||||||
|
// Should a fancy sidebar be added to the left side of <pre> (`true`/`false`).
|
||||||
|
$add-pre-element-sidebar: false !default;
|
||||||
|
// Should an underline be applied to all <a> elements? (`true`/`false`).
|
||||||
|
$apply-link-underline: true !default;
|
||||||
|
// Should the :hover and :focus state of <a> elements use fade-out instead of
|
||||||
|
// a different color (`true`/`false`).
|
||||||
|
$apply-link-hover-fade: true !default;
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-size: $base-root-font-size; // Set root's font sizing.
|
font-size: $base-root-font-size; // Set root's font sizing.
|
||||||
}
|
}
|
||||||
@@ -68,8 +84,7 @@ img {
|
|||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Fix display in older versions of Android.
|
// Fix display of <dfn> element in older versions of Android.
|
||||||
$include-dfn-fix: true !default;
|
|
||||||
@if $include-dfn-fix {
|
@if $include-dfn-fix {
|
||||||
dfn {
|
dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
@@ -82,7 +97,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||||||
font-weight: $heading-font-weight;
|
font-weight: $heading-font-weight;
|
||||||
small {
|
small {
|
||||||
color: $heading-smalltext-fore-color;
|
color: $heading-smalltext-fore-color;
|
||||||
$make-heading-smalltext-block: false !default;
|
|
||||||
@if $make-heading-smalltext-block {
|
@if $make-heading-smalltext-block {
|
||||||
display: block;
|
display: block;
|
||||||
@if $heading-smalltext-b-top-margin != 0 {
|
@if $heading-smalltext-b-top-margin != 0 {
|
||||||
@@ -135,7 +149,6 @@ hr {
|
|||||||
// Actual styling using variables
|
// Actual styling using variables
|
||||||
line-height: $horizontal-rule-line-height;
|
line-height: $horizontal-rule-line-height;
|
||||||
margin: $horizontal-rule-margin;
|
margin: $horizontal-rule-margin;
|
||||||
$horizontal-rule-fancy-style: false !default;
|
|
||||||
@if $horizontal-rule-fancy-style {
|
@if $horizontal-rule-fancy-style {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background: -webkit-linear-gradient(#{$horizontal-rule-fancy-gradient});
|
background: -webkit-linear-gradient(#{$horizontal-rule-fancy-gradient});
|
||||||
@@ -238,7 +251,6 @@ pre {
|
|||||||
@if pre-element-margin != 0 {
|
@if pre-element-margin != 0 {
|
||||||
margin: $pre-element-margin;
|
margin: $pre-element-margin;
|
||||||
}
|
}
|
||||||
$add-pre-element-sidebar: false !default;
|
|
||||||
@if $add-pre-element-sidebar {
|
@if $add-pre-element-sidebar {
|
||||||
border-left: $pre-element-sidebar-style;
|
border-left: $pre-element-sidebar-style;
|
||||||
}
|
}
|
||||||
@@ -375,8 +387,6 @@ $style-samp-element: false !default;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$apply-link-underline: true !default;
|
|
||||||
$apply-link-hover-fade: true !default;
|
|
||||||
a{
|
a{
|
||||||
color: $link-fore-color;
|
color: $link-fore-color;
|
||||||
@if $apply-link-underline {
|
@if $apply-link-underline {
|
||||||
|
|||||||
Reference in New Issue
Block a user