beenull/mini.css
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Minor color update

Browse source
This commit is contained in:
Angelos Chalaris 2016-12-07 10:05:19 +02:00
parent b829066a2d
commit 365bde4392
5 changed files with 25 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
dist/mini-default.css vendored
View file

@ -113,7 +113,7 @@ pre {
kbd {
border-radius: 2px;
background: #212121;
color: #f5f5f5;
color: #fafafa;
padding: 2px 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.15); }
@ -538,21 +538,21 @@ header {
display: block;
height: 44px;
background: #263238;
color: #f5f5f5;
color: #fafafa;
padding: 2px 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0 2px 3px rgba(0, 0, 0, 0.26);
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden; }
header .logo {
color: #f5f5f5;
color: #fafafa;
font-size: 1.75em;
line-height: 1.2;
margin: 1px 6px 1px 1px;
padding: 3px 0 0; }
header button, header [type="button"], header a.button, header label.button, header .button {
background: #263238;
color: #f5f5f5;
color: #fafafa;
vertical-align: top;
margin: 2px 0 0;
box-shadow: none; }
@ -579,7 +579,7 @@ nav {
footer {
display: block;
background: #263238;
color: #f5f5f5;
color: #fafafa;
margin: 18px 0 0;
padding: 22px 10px 12px;
font-size: 85%; }
@ -628,7 +628,7 @@ textarea {
input:not([type]), [type="text"], [type="email"], [type="number"], [type="search"],
[type="password"], [type="url"], [type="tel"], textarea, select {
box-sizing: border-box;
background: #f5f5f5;
background: #fafafa;
color: #212121;
border: 1px solid #bdbdbd;
border-radius: 1px;
@ -762,7 +762,7 @@ input[type="file"] {
content: '';
border: 1px solid #bdbdbd;
border-radius: 1px;
background: #f5f5f5;
background: #fafafa;
color: #212121;
margin-left: -20px; }
.input-group [type="checkbox"] + label:hover:before, .input-group [type="checkbox"] + label:active:before, .input-group [type="checkbox"] + label:focus:before, .input-group [type="radio"] + label:hover:before, .input-group [type="radio"] + label:active:before, .input-group [type="radio"] + label:focus:before {
@ -1109,7 +1109,7 @@ table.striped tr:nth-of-type(2n) > td {
border-top: 0; } }
mark {
background: #0277bd;
color: #f5f5f5;
color: #fafafa;
font-size: 95%;
line-height: 1;
border-radius: 2px;
@ -1281,7 +1281,7 @@ ul.breadcrumbs {
button.primary, [type="button"].primary, [type="submit"].primary,
[type="reset"].primary, .button.primary {
background: rgba(2, 119, 189, 0.9);
color: #f5f5f5; }
color: #fafafa; }
button.primary:hover, button.primary:active, button.primary:focus, [type="button"].primary:hover, [type="button"].primary:active, [type="button"].primary:focus, [type="submit"].primary:hover, [type="submit"].primary:active, [type="submit"].primary:focus,
[type="reset"].primary:hover,
[type="reset"].primary:active,
@ -1291,7 +1291,7 @@ button.primary, [type="button"].primary, [type="submit"].primary,
button.secondary, [type="button"].secondary, [type="submit"].secondary,
[type="reset"].secondary, .button.secondary {
background: rgba(198, 40, 40, 0.85);
color: #f5f5f5; }
color: #fafafa; }
button.secondary:hover, button.secondary:active, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:active, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:active, [type="submit"].secondary:focus,
[type="reset"].secondary:hover,
[type="reset"].secondary:active,
@ -1301,7 +1301,7 @@ 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);
color: #f5f5f5; }
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,

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

File diff suppressed because one or more lines are too long

1
docs/v2/DEVLOG.md
View file

@ -615,3 +615,4 @@
## 20161207
- Documented `radio` and `checkbox` in the `input_control` doc page.
- Tweaked all references of `$back-color` to now use `#fafafa` instead of the previous `#f5f5f5`. This will make contrast better and allow for better visibility of certain pieces of text.

6
docs/v2/playground.html
View file

@ -197,9 +197,9 @@
<button disabled>Disabled button</button><br>
<p>Button groups can also be created, utilising the <code>.button-group</code> class. Simply add a set of buttons in it and you're good to go. Check it out below:</p>
<div class="button-group">
<input type="button" value="Input button">
<input type="submit" value="Submit button">
<input type="reset" value="Reset button">
<input type="button" value="Input button" class="secondary">
<input type="submit" value="Submit button" class="primary">
<input type="reset" value="Reset button" class="inverse">
<button>Normal button</button>
<a href="#" class="button">Link button</a>
</div>

18
src/flavors/mini-default.scss
View file

@ -67,7 +67,7 @@ $add-pre-element-sidebar: true; // Should a fancy sidebar be added to
// left side of <pre> (`true`/`false`) [7]
$pre-element-sidebar-style: 3px solid #1565c0; // Style of the sidebar of <pre>
$kbd-element-padding: 2px 4px; // Padding for <kbd>
$kbd-element-fore-color: $back-color; // 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-border-style: 0; // Border style for <kbd>
$kbd-element-border-radius: 2px; // Border radius for <kbd>
@ -146,7 +146,7 @@ $grid-large-prefix: 'lg'; // Large screen class prefix for grid
// Variables for navigational elements
$header-height: 44px; // Height for <header>
$header-back-color: #263238; // Background color for <header>
$header-fore-color: $back-color; // Text color for <header>
$header-fore-color: #fafafa; // Text color for <header>
$header-border-style: 0; // Border style for <header>
$header-margin: 0; // Margin for <header>
$header-padding: 2px 8px; // Padding for <header>
@ -172,7 +172,7 @@ $nav-sublink-prefix: 'sublink'; // Prefix for the subcategory links i
$nav-sublink-depth: 2; // Amount of subcategory classes to add
$nav-sublink-padding-left: 12px; // Left padding to add to subcategories
$footer-back-color: #263238; // Background color for <footer>
$footer-fore-color: $back-color; // Text color for <footer>
$footer-fore-color: #fafafa; // Text color for <footer>
$footer-border-style: 0; // Border stye for <footer>
$footer-font-size: 85%; // Font size for <footer>
$footer-margin: 18px 0 0; // Margin for <footer>
@ -197,7 +197,7 @@ $legend-font-size: 0.925em; // Font size for legend
$legend-fore-color: $form-fore-color; // Text color for legend
$legend-padding: 2px 4px; // Padding for legend
$input-group-name: 'input-group'; // Class for input groups
$input-back-color: $back-color; // Background for input
$input-back-color: #fafafa; // Background for input
$input-fore-color: $fore-color; // Text color for input
$input-border-style: 1px solid #bdbdbd; // Border style for input
$input-border-radius: 1px; // Border radius for input
@ -236,19 +236,19 @@ $button-variant1-back-color: #0277bd; // Background color for button va
$button-variant1-back-opacity: 0.9; // Background opacity for button variant 1
$button-variant1-hover-back-opacity: // Background opacity for button variant 1
1; // on hover or focus
$button-variant1-fore-color: $back-color; // Text color for button variant 1
$button-variant1-fore-color: #fafafa; // Text color for button variant 1
$button-variant2-name: 'secondary'; // Class name for button variant 2
$button-variant2-back-color: #c62828; // Background color for button variant 2
$button-variant2-back-opacity: 0.85; // Background opacity for button variant 2
$button-variant2-hover-back-opacity: // Background opacity for button variant 2
1; // on hover or focus
$button-variant2-fore-color: $back-color; // Text color for button variant 2
$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-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
$button-variant3-fore-color: $back-color; // Text color for button variant 3
$button-variant3-fore-color: #fafafa; // Text color for button variant 3
$button-variant4-name: 'inverse'; // Class name for button variant 4
$button-variant4-back-color: $fore-color; // Background color for button variant 4
$button-variant4-back-opacity: 1; // Background opacity for button variant 4
@ -367,7 +367,7 @@ $tab-stacked-breakpoint: 767px; // Breakpoint for tabs layout (stacke
$tab-stacked-name: 'stacked'; // Class name for stacked tabs
// Variables for contextual background elements and alerts
$mark-back-color: #0277bd; // Background color for <mark>
$mark-fore-color: $back-color; // Text color for <mark>
$mark-fore-color: #fafafa; // Text color for <mark>
$mark-font-size: 95%; // Font size for <mark>
$mark-line-height: 1; // Line height for <mark>
$mark-border-style: 0; // Border style for <mark>
@ -395,7 +395,7 @@ $alert-name: 'alert'; // Class name for alerts
$alert-back-color: #eeeeee; // Background color for alerts
$alert-fore-color: $fore-color; // Text color for alerts
$alert-border-style: 1px solid #bdbdbd; // Border style for alerts
$alert-border-radius: 0; // Border radius for alerts
$alert-border-radius: 0; // Border radius for alerts
$alert-padding: 12px 16px; // Padding for alerts
$alert-margin: 1px 10px; // Margin for alerts
$alert-box-shadow: // Box shadow for alerts