mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-03-13 16:59:39 +01:00
Code Issues Releases Wiki Activity

Updated colors to resolve #52

Browse Source
This commit is contained in:
Angelos Chalaris 2016-12-30 20:30:46 +02:00
parent c3bb98996f
commit c09aecb221
4 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
dist/mini-default.css vendored
View File

@ -2,7 +2,7 @@
/*
Flavor name: Default (mini-default)
Author: Angelos Chalaris (chalarangelo@gmail.com)
mini.css version: v2.0.1 (Fermion)
mini.css version: v2.0.2 (Fermion)
*/
/*
Browsers resets and base typography.
@ -842,13 +842,13 @@ button.secondary, [type="button"].secondary, [type="submit"].secondary,
button.tertiary, [type="button"].tertiary, [type="submit"].tertiary,
[type="reset"].tertiary, .button.tertiary {
background: rgba(85, 139, 47, 0.85);
background: rgba(104, 159, 56, 0.85);
color: #fafafa; }
button.tertiary:hover, button.tertiary:active, button.tertiary:focus, [type="button"].tertiary:hover, [type="button"].tertiary:active, [type="button"].tertiary:focus, [type="submit"].tertiary:hover, [type="submit"].tertiary:active, [type="submit"].tertiary:focus,
[type="reset"].tertiary:hover,
[type="reset"].tertiary:active,
[type="reset"].tertiary:focus, .button.tertiary:hover, .button.tertiary:active, .button.tertiary:focus {
background: #558b2f; }
background: #689f38; }
button.inverse, [type="button"].inverse, [type="submit"].inverse,
[type="reset"].inverse, .button.inverse {
@ -1289,10 +1289,10 @@ mark {
Custom contextual background elements and alerts.
*/
mark.secondary {
background: #f44336; }
background: #e53935; }
mark.tertiary {
background: #558b2f; }
background: #689f38; }
mark.tag {
border-radius: 200px;

2
dist/mini-default.min.css vendored
View File

File diff suppressed because one or more lines are too long

7
docs/v2/DEVLOG.md
View File

@ -705,3 +705,10 @@
- Demo pages updated to use the latest version of the toolkit (v2.0.1).
- Updated `CHANGELOG.md` to reflect new changes.
- Moved mixin `@include` statements inside the flavor files.
# v2.0.2 Development log
## 20161230
- Tweaked default color palette to deal with red-green colorblindness (see #52). `contextual` and `input_control` are affected by this change.
- *TODO* Update the live version sheets to use the v2.0.2 sheet, update all the references in live demo, update the flavors page.

8
src/flavors/mini-default.scss
View File

@ -4,7 +4,7 @@
/*
Flavor name: Default (mini-default)
Author: Angelos Chalaris (chalarangelo@gmail.com)
mini.css version: v2.0.1 (Fermion)
mini.css version: v2.0.2 (Fermion)
*/
// Basic rules for body and typography
$fore-color: #212121; // Text and general foreground color
@ -256,7 +256,7 @@ $button-variant2-hover-back-opacity: // Background opacity for button
1; // on hover or focus
$button-variant2-fore-color: #fafafa; // Text color for button variant 2
$button-variant3-name: 'tertiary'; // Class name for button variant 3
$button-variant3-back-color: #558b2f; // Background color for button variant 3
$button-variant3-back-color: #689f38; // Background color for button variant 3
$button-variant3-back-opacity: 0.85; // Background opacity for button variant 3
$button-variant3-hover-back-opacity: // Background opacity for button variant 3
1; // on hover or focus
@ -390,9 +390,9 @@ $mark-box-shadow: // Box shadow for <mark>
0 1px 2px rgba(0,0,0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15);
$mark-inline-block-name: 'inline-block'; // Class name for <mark> inline block styling
$mark-variant1-name: 'secondary'; // Class name for <mark> variant 1
$mark-variant1-back-color: #f44336; // Background color for <mark> variant 1
$mark-variant1-back-color: #e53935; // Background color for <mark> variant 1
$mark-variant2-name: 'tertiary'; // Class name for <mark> variant 2
$mark-variant2-back-color: #558b2f; // Background color for <mark> variant 2
$mark-variant2-back-color: #689f38; // Background color for <mark> variant 2
$mark-style1-name: 'tag'; // Class name for <mark> style 1
$mark-style1-border-style: 0; // Border style for <mark> style 1
$mark-style1-border-radius: 200px; // Border radius for <mark> style 1