2016-10-12 17:33:53 +00:00
|
|
|
// This is a flavor file. Duplicate it and edit it to create your own
|
|
|
|
|
// flavor. Read instructions carefully.
|
|
|
|
|
// Single-line comments, starting with '//' will not be included in
|
|
|
|
|
// your final CSS file. Multiline comments, structured like the flavor
|
|
|
|
|
// description below, will be included in your final CSS file.
|
|
|
|
|
/*
|
|
|
|
|
Flavor name: Default (mini-default)
|
|
|
|
|
Author: Angelos Chalaris (chalarangelo@gmail.com)
|
|
|
|
|
mini.css version: v2.0 (in-production)
|
2016-10-13 13:47:16 +00:00
|
|
|
*/
|
|
|
|
|
// Basic rules for body and typography
|
|
|
|
|
$fore-color: #222; // Text and general foreground color
|
2016-10-15 07:44:05 +00:00
|
|
|
$back-color: #fcfcfc; // Body background color
|
2016-10-13 13:47:16 +00:00
|
|
|
$base-font-family: "\"Helvetica Neue\", Helvetica, sans-serif"; // Default fonts for all elements
|
|
|
|
|
$base-font-size: 1em; // Default font sizing for all elements
|
|
|
|
|
$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
|
2016-10-13 15:03:14 +00:00
|
|
|
// elements? (`true` or `false`) [1]
|
2016-10-13 14:06:53 +00:00
|
|
|
$h1-font-size: 2em; // Font size of h1
|
|
|
|
|
$h2-font-size: 1.5em; // Font size for h2
|
|
|
|
|
$h3-font-size: 1.15em; // Font size for h3
|
|
|
|
|
$h4-font-size: 1em; // Font size for h4
|
|
|
|
|
$h5-font-size: 0.85em; // Font size for h5
|
|
|
|
|
$h6-font-size: 0.75em; // Font size for h6
|
|
|
|
|
$header-line-height: 1.2em; // Line height for all headers
|
2016-10-13 16:09:35 +00:00
|
|
|
$header-margin: 0.7em 8px; // Margin for all headers
|
2016-10-13 14:06:53 +00:00
|
|
|
$header-font-weight: 500; // Font weight for all headers
|
2016-10-13 14:20:09 +00:00
|
|
|
$header-smalltext-fore-color: #444; // <small> color in headers
|
2016-10-14 17:10:52 +00:00
|
|
|
$make-header-smalltext-block: true; // Should <small> elements in headers
|
|
|
|
|
// be displayed as blocks (`true`/`false`) [2]
|
|
|
|
|
$header-smalltext-b-font-size: 45%; // Font size of block <small> elements in headers
|
|
|
|
|
$header-smalltext-b-top-margin: -0.35em; // Top margin of block <small> elements in headers
|
2016-10-13 16:09:35 +00:00
|
|
|
$paragraph-margin: 1px 10px; // Paragraph element margin
|
2016-10-13 16:42:37 +00:00
|
|
|
$bold-font-weight: 700; // Font weight for <b> and <strong>
|
2016-10-13 14:20:09 +00:00
|
|
|
$horizontal-rule-line-height: 1.2em; // <hr> line height
|
|
|
|
|
$horizontal-rule-margin: 0.5em 4px; // <hr> margin
|
2016-10-13 15:12:17 +00:00
|
|
|
$horizontal-rule-border-style: 1px solid #888; // Border style for horizontal rules (used
|
2016-10-13 15:03:14 +00:00
|
|
|
// in the <hr> element's border-top)
|
2016-10-13 16:33:21 +00:00
|
|
|
$horizontal-rule-fancy-style: true; // Should a fancy styling be applied for the
|
2016-10-14 17:10:52 +00:00
|
|
|
// <hr> element (`true`/`false`) [3]
|
2016-10-13 16:33:21 +00:00
|
|
|
$horizontal-rule-fancy-gradient:"to right, #ccc, #666, #ccc"; // Gradient style for fancy horizontal rule
|
2016-10-13 15:03:14 +00:00
|
|
|
$use-default-code-fonts: true; // Should default font choice (monospace) be
|
2016-10-14 17:10:52 +00:00
|
|
|
// used for code elements? (`true`/`false`) [4]
|
2016-10-13 15:03:14 +00:00
|
|
|
//$code-font-family: monospace, monospace; // Fonts for code elements if not default
|
|
|
|
|
$code-element-padding: 2px 4px; // Padding for <code>
|
|
|
|
|
$code-element-fore-color: $fore-color; // Text color for <code>
|
|
|
|
|
$code-element-back-color: #ddd; // Background color for <code>
|
|
|
|
|
$code-element-border-style: 0; // Border style for <code>
|
|
|
|
|
$code-element-border-radius: 2px; // Border radius for <code>
|
2016-10-13 16:57:33 +00:00
|
|
|
$pre-element-padding: 12px; // Padding for <pre>
|
2016-10-13 15:03:14 +00:00
|
|
|
$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-border-style: 0; // Border style for <pre>
|
2016-10-14 17:37:53 +00:00
|
|
|
$pre-element-border-radius: 0 2px 2px 0; // Border radius for <pre>
|
|
|
|
|
$pre-element-margin: 1px 10px; // Margin for <pre>
|
|
|
|
|
$add-pre-element-sidebar: true; // Should a fancy sidebar be added to the
|
|
|
|
|
// left side of <pre> (`true`/`false`)
|
|
|
|
|
$pre-element-sidebar-style: 3px solid #0039e6; // Style of the sidebar of <pre>
|
2016-10-13 15:03:14 +00:00
|
|
|
$kbd-element-padding: 2px 4px; // Padding for <kbd>
|
|
|
|
|
$kbd-element-fore-color: $back-color; // Text 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-radius: 2px; // Border radius for <kbd>
|
|
|
|
|
$style-samp-element: false; // Should styles for <samp> be included?
|
2016-10-14 17:37:53 +00:00
|
|
|
// (`true`/`false`) [6]
|
2016-10-13 15:03:14 +00:00
|
|
|
//$samp-element-padding: 2px 4px; // Padding for <samp>
|
|
|
|
|
//$samp-element-fore-color: $fore-color; // Text color for <samp>
|
|
|
|
|
//$samp-element-back-color: #2678b3; // Background color for <samp>
|
|
|
|
|
//$samp-element-border-style: 0; // Border style for <samp>
|
|
|
|
|
//$samp-element-border-radius: 2px; // Border radius for <samp>
|
2016-10-13 15:56:17 +00:00
|
|
|
$small-font-size: 75%; // Font size for <small> elements
|
|
|
|
|
$sup-font-size: 75%; // Font size for <sup> elements
|
|
|
|
|
$sub-font-size: 75%; // Font size for <sub> elements
|
|
|
|
|
$sup-top: -0.5em; // <sup> top
|
|
|
|
|
$sub-bottom: -0.25em; // <sub> bottom
|
2016-10-15 07:44:05 +00:00
|
|
|
$mark-back-color: #0047b3; // Background color for <mark>
|
|
|
|
|
$mark-fore-color: $back-color; // Text color for <mark>
|
|
|
|
|
$mark-font-size: 95%; // Font size for <mark>
|
|
|
|
|
$mark-line-height: 1; // Line height for <mark>
|
|
|
|
|
$mark-padding: 1px; // Padding for <mark>
|
|
|
|
|
$mark-margin: 0; // Margin for <mark>
|
|
|
|
|
$mark-variant1-name: 'secondary'; // Class name for <mark> variant 1
|
|
|
|
|
$mark-variant1-back-color: #cc2900; // Background color for <mark> variant 1
|
|
|
|
|
$mark-variant2-name: 'tertiary'; // Class name for <mark> variant 2
|
|
|
|
|
$mark-variant2-back-color: #00802b; // Background color for <mark> variant 2
|
|
|
|
|
$mark-style1-name: 'tag'; // Class name for <mark> style 1
|
|
|
|
|
$mark-style1-border-radius: 2px; // Border radius for <mark> style 1
|
|
|
|
|
$mark-style1-padding: 2px; // Padding for <mark> style 1
|
|
|
|
|
$mark-style2-name: 'bubble'; // Class name for <mark> style 2
|
|
|
|
|
$mark-style2-border-radius: 200px; // Border radius for <mark> style 2
|
|
|
|
|
$mark-style2-padding: 3px 5px; // Padding for <mark> style 2
|
2016-10-13 13:47:16 +00:00
|
|
|
// Enable base
|
2016-10-13 15:03:14 +00:00
|
|
|
@import '../../scss/v2/base';
|
2016-10-15 07:44:05 +00:00
|
|
|
// Use mixins frm base
|
|
|
|
|
@include make-mark-alt-color($mark-variant1-name, $mark-variant1-back-color);
|
|
|
|
|
@include make-mark-alt-color($mark-variant2-name, $mark-variant2-back-color);
|
|
|
|
|
@include make-mark-alt-style($mark-style1-name, $mark-style1-border-radius, $mark-style1-padding);
|
|
|
|
|
@include make-mark-alt-style($mark-style2-name, $mark-style2-border-radius, $mark-style2-padding);
|
2016-10-13 15:03:14 +00:00
|
|
|
// Notes:
|
|
|
|
|
// [1] - It is recommended to set the value of $apply-defaults-to-all to `true`, unless you want to apply extra styling
|
|
|
|
|
// to elements manually.
|
2016-10-14 17:10:52 +00:00
|
|
|
// [2] - If the value of $make-header-smalltext-block is `true` the <small> elements in headers will be displayed below
|
|
|
|
|
// the main header and the 2 values specified below will apply.
|
|
|
|
|
// [3] - If $horizontal-rule-fancy-style is set to `true` the value of $horizontal-rule-border-style will not be used and
|
2016-10-13 16:33:21 +00:00
|
|
|
// a gradient with the style specified in $horizontal-rule-fancy-gradient will be applied instead.
|
2016-10-14 17:10:52 +00:00
|
|
|
// [4] - If the value of $use-default-code-fonts is set to `false` the value of $code-font-family will be used. `true`
|
2016-10-13 15:03:14 +00:00
|
|
|
// will apply the proper fix to use monospace font without any problems on all browsers.
|
2016-10-14 17:37:53 +00:00
|
|
|
// [5] - if the value of $add-pre-element-sidebar is set to true, the style specified in $pre-element-sidebar-style will
|
|
|
|
|
// be applied as a left border for the <pre> elements.
|
|
|
|
|
// [6] - If the value of $style-samp-element is set to `false`, no styling will be included in the final CSS file for
|
2016-10-13 15:56:17 +00:00
|
|
|
// `samp` elements. Otherwise, the styling defined in the $samp-... variables will be applied.
|
