mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-18 03:31:16 +02:00
Code Issues Releases Wiki Activity

Updated core module's variables

Browse Source 
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
2017-03-29 21:42:41 +03:00
parent 357553c7b3
commit 17de1b1d2f
4 changed files with 195 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/v2/DEVLOG.md
View File

@@ -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` flavor description.
- 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
src/flavors/mini-default.scss
View File

@@ -38,7 +38,7 @@ $list-left-padding: 28px; // Left padding for <ol> and <ul> element
$bold-font-weight: 700; // Font weight for <b> and <strong>
$horizontal-rule-line-height: 1.25em; // <hr> line height
$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)
$horizontal-rule-fancy-style: true; // Should a fancy styling be applied for the
// <hr> element (`true`/`false`) [5]
@@ -51,8 +51,7 @@ $blockquote-sidebar-style: 3px solid #616161; // Style for the sidebar o
$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-left-position: 10px; // Left padding for citation of <blockquote>
$blockquote-cite-bottom-position: // Bottom padding for citation of <blockquote>
0;
$blockquote-cite-bottom-position: 0; // Bottom padding for citation of <blockquote>
$blockquote-border-style: 0; // Border style for <blockquote>
$blockquote-border-radius: 0 2px 2px 0; // Border radius for <blockquote>
$blockquote-box-shadow: // Box shadow for <blockquote>
@@ -91,7 +90,7 @@ $style-samp-element: false; // Should styles for <samp> be included?
//$samp-element-fore-color: $fore-color; // Text color for <samp>
//$samp-element-back-color: #2196f3; // Background color 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>
// be included (`true`/`false`) [9]
$small-font-size: 75%; // Font size for <small> elements

11
src/flavors/mini-sucroa.scss
View File

@@ -51,22 +51,21 @@ $blockquote-margin: 10px; // Margin for <blockquote>
$blockquote-padding: 8px 12px 28px; // Padding for <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-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-bottom-position: // Bottom padding for citation of <blockquote>
4px;
$blockquote-cite-bottom-position: 4px; // Bottom padding for citation of <blockquote>
$blockquote-border-style: 0; // Border style for <blockquote>
$blockquote-border-radius: 2px; // Border radius 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);
$use-default-code-fonts: false; // Should default font choice (monospace) be
// 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-fore-color: $fore-color; // Text color for <code>
$code-element-back-color: #e8deff; // Background color 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>
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>
@@ -93,7 +92,7 @@ $style-samp-element: false; // Should styles for <samp> be included?
//$samp-element-fore-color: $fore-color; // Text color for <samp>
//$samp-element-back-color: #2196f3; // Background color 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>
// be included (`true`/`false`) [9]
$small-font-size: 80%; // Font size for <small> elements

28
src/mini/_core.scss
View File

@@ -1,8 +1,24 @@
/*
Browsers resets and base typography.
*/
$apply-defaults-to-all: true !default; // Should default values be applied to all elements? (`true` or `false`).
$base-root-font-size: 16px !default; // Root font sizing for all elements - In `px` only!
// Should default values be applied to all elements? (`true`/`false`).
$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 {
font-size: $base-root-font-size; // Set root's font sizing.
}
@@ -68,8 +84,7 @@ img {
height: auto;
}
// Fix display in older versions of Android.
$include-dfn-fix: true !default;
// Fix display of <dfn> element in older versions of Android.
@if $include-dfn-fix {
dfn {
font-style: italic;
@@ -82,7 +97,6 @@ h1, h2, h3, h4, h5, h6 {
font-weight: $heading-font-weight;
small {
color: $heading-smalltext-fore-color;
$make-heading-smalltext-block: false !default;
@if $make-heading-smalltext-block {
display: block;
@if $heading-smalltext-b-top-margin != 0 {
@@ -135,7 +149,6 @@ hr {
// Actual styling using variables
line-height: $horizontal-rule-line-height;
margin: $horizontal-rule-margin;
$horizontal-rule-fancy-style: false !default;
@if $horizontal-rule-fancy-style {
height: 1px;
background: -webkit-linear-gradient(#{$horizontal-rule-fancy-gradient});
@@ -238,7 +251,6 @@ pre {
@if pre-element-margin != 0 {
margin: $pre-element-margin;
}
$add-pre-element-sidebar: false !default;
@if $add-pre-element-sidebar {
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{
color: $link-fore-color;
@if $apply-link-underline {