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

buttons, variables and submit

Browse source
This commit is contained in:
Raphael Goetter 2017-07-31 20:34:26 +02:00
parent 2b3e047429
commit cb906dc5da
5 changed files with 36 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
css/knacss-unminified.css
View file

@ -1798,26 +1798,25 @@ label {
cursor: pointer; cursor: pointer;
} }
input[type="color"], [type="color"],
input[type="date"], [type="date"],
input[type="datetime-local"], [type="datetime-local"],
input[type="email"], [type="email"],
input[type="month"], [type="month"],
input[type="number"], [type="number"],
input[type="password"], [type="password"],
input[type="search"], [type="search"],
input[type="tel"], [type="tel"],
input[type="text"], [type="text"],
input[type="time"], [type="time"],
input[type="url"], [type="url"],
input[type="week"], [type="week"] select,
select,
textarea { textarea {
white-space: nowrap; white-space: nowrap;
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
border: 0; border: 0;
box-shadow: 0 0 0 1px #F7F7F7 inset; box-shadow: 0 0 0 1px #777 inset;
color: #000; color: #000;
vertical-align: middle; vertical-align: middle;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1883,7 +1882,7 @@ progress {
.btn, .btn,
.button, .button,
[type="button"], [type="button"],
button, .btn--primary, [type="submit"] button, .btn--primary,
.button--primary, .btn--success, .button--primary, .btn--success,
.button--success, .btn--info, .button--success, .btn--info,
.button--info, .btn--warning, .button--info, .btn--warning,
@ -1918,7 +1917,7 @@ button, .btn--primary,
.btn:focus, .btn:focus,
.button:focus, .button:focus,
[type="button"]:focus, [type="button"]:focus,
button:focus { [type="submit"] button:focus {
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
} }
@ -2074,6 +2073,7 @@ button:focus {
color: #000; color: #000;
border-radius: 0; border-radius: 0;
background-color: #F7F7F7; background-color: #F7F7F7;
line-height: 1;
} }
.badge--primary { .badge--primary {

2
css/knacss.css
View file

File diff suppressed because one or more lines are too long

3
sass/_config/_variables.scss
View file

@ -32,6 +32,7 @@ $color3 : #333;
$color4 : #000; $color4 : #000;
$color5 : #6FA939; $color5 : #6FA939;
$color6 : #ddd; $color6 : #ddd;
$color7 : #777;
$color-light : #fff; $color-light : #fff;
$color-dark : #000; $color-dark : #000;
$color-primary : #0275D8; $color-primary : #0275D8;
@ -52,6 +53,8 @@ $color-link-hover: $color4;
$brand-primary: $color5; $brand-primary: $color5;
$color-border: $color7;
// button, badges, alerts color variants list // button, badges, alerts color variants list
// name - background-color - color - border // name - background-color - color - border
$variants-list: ( $variants-list: (

1
sass/components/buttons.scss
View file

@ -30,6 +30,7 @@
.btn, .btn,
.button, .button,
[type="button"], [type="button"],
[type="submit"]
button { button {
@extend %btn; @extend %btn;

28
sass/components/forms.scss
View file

@ -25,26 +25,26 @@ label {
cursor: pointer; cursor: pointer;
} }
input[type="color"], [type="color"],
input[type="date"], [type="date"],
input[type="datetime-local"], [type="datetime-local"],
input[type="email"], [type="email"],
input[type="month"], [type="month"],
input[type="number"], [type="number"],
input[type="password"], [type="password"],
input[type="search"], [type="search"],
input[type="tel"], [type="tel"],
input[type="text"], [type="text"],
input[type="time"], [type="time"],
input[type="url"], [type="url"],
input[type="week"], [type="week"]
select, select,
textarea { textarea {
white-space: nowrap; white-space: nowrap;
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
border: 0; border: 0;
box-shadow: 0 0 0 1px $color-muted inset; box-shadow: 0 0 0 1px $color-border inset;
color: $color-base; color: $color-base;
vertical-align: middle; vertical-align: middle;
padding: $tiny-value $small-value; padding: $tiny-value $small-value;