dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

color variables changed

Browse source
This commit is contained in:
Raphael Goetter 2017-08-02 17:13:10 +02:00
parent fbfef9ea9c
commit 0c91d032ab
3 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
css/knacss-unminified.css
View file

@ -1899,7 +1899,7 @@ textarea {
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
border: 0; border: 0;
box-shadow: 0 0 0 1px #777 inset; box-shadow: 0 0 0 1px #727e96 inset;
color: #000; color: #000;
vertical-align: middle; vertical-align: middle;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1914,7 +1914,7 @@ textarea {
} }
[type="submit"] { [type="submit"] {
background-color: #777; background-color: #727e96;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
} }
@ -2229,14 +2229,14 @@ button:focus {
border: 0; border: 0;
background: #fff; background: #fff;
border-radius: 0; border-radius: 0;
box-shadow: 0 0 0 2px #777 inset; box-shadow: 0 0 0 2px #727e96 inset;
-webkit-transition: .25s background-color; -webkit-transition: .25s background-color;
transition: .25s background-color; transition: .25s background-color;
} }
.checkbox:checked ~ label:before { .checkbox:checked ~ label:before {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
background-color: #777; background-color: #727e96;
background-size: 60% 60%; background-size: 60% 60%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2264,7 +2264,7 @@ button:focus {
border: 0; border: 0;
background: #fff; background: #fff;
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 0 2px #777 inset; box-shadow: 0 0 0 2px #727e96 inset;
-webkit-transition: .25s background; -webkit-transition: .25s background;
transition: .25s background; transition: .25s background;
} }
@ -2272,7 +2272,7 @@ button:focus {
.radio:checked ~ label:before { .radio:checked ~ label:before {
background-image: -webkit-radial-gradient(center circle, #fff 30%, transparent 38%); background-image: -webkit-radial-gradient(center circle, #fff 30%, transparent 38%);
background-image: radial-gradient(circle at center, #fff 30%, transparent 38%); background-image: radial-gradient(circle at center, #fff 30%, transparent 38%);
background-color: #777; background-color: #727e96;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
pointer-events: none; pointer-events: none;
@ -2286,7 +2286,7 @@ button:focus {
.tabs-menu { .tabs-menu {
list-style: none; list-style: none;
padding-left: 0; padding-left: 0;
border-bottom: 2px solid #777; border-bottom: 2px solid #727e96;
} }
.tabs-menu-item { .tabs-menu-item {
@ -2314,12 +2314,12 @@ button:focus {
} }
.tabs-menu-link:hover, .tabs-menu-link:focus { .tabs-menu-link:hover, .tabs-menu-link:focus {
color: #777; color: #727e96;
} }
.tabs-menu-link.is-active { .tabs-menu-link.is-active {
color: #fff; color: #fff;
background-color: #777; background-color: #727e96;
} }
.tabs-content-item { .tabs-content-item {

2
css/knacss.css
View file

File diff suppressed because one or more lines are too long

13
sass/_config/_variables.scss
View file

@ -28,9 +28,12 @@ $font-stack-monospace : consolas, courier, monospace; // monospace font
// color scheme // color scheme
$color-light : #fff; $color-light : #fff;
$color-dark : #000; $color-dark : #000;
$color-gray1 : #ddd; $color-gray1 : #333;
$color-gray2 : #777; $color-gray2 : #454d5d;
$color-gray3 : #333; $color-gray3 : #727e96;
$color-gray4 : #acb3c2;
$color-gray5 : #e7e9ed;
$color-brand : #6FA939; $color-brand : #6FA939;
$color-primary : #0275D8; $color-primary : #0275D8;
$color-success : #5CB85C; $color-success : #5CB85C;
@ -45,10 +48,10 @@ $color-muted : #F7F7F7;
$color-base : $color-dark; $color-base : $color-dark;
$background-base : $color-light; $background-base : $color-light;
$color-link : $color-gray3; $color-link : $color-gray1;
$color-link-hover: $color-dark; $color-link-hover: $color-dark;
$color-forms : $color-gray2; $color-forms : $color-gray3;
$color-burger : $color-dark; $color-burger : $color-dark;
// button, badges, alerts color variants list // button, badges, alerts color variants list