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;
}
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"] select,
textarea {
white-space: nowrap;
font-family: inherit;
font-size: inherit;
border: 0;
box-shadow: 0 0 0 1px #F7F7F7 inset;
box-shadow: 0 0 0 1px #777 inset;
color: #000;
vertical-align: middle;
padding: 0.5rem 1rem;
@ -1883,7 +1882,7 @@ progress {
.btn,
.button,
[type="button"],
button, .btn--primary,
[type="submit"] button, .btn--primary,
.button--primary, .btn--success,
.button--success, .btn--info,
.button--info, .btn--warning,
@ -1918,7 +1917,7 @@ button, .btn--primary,
.btn:focus,
.button:focus,
[type="button"]:focus,
button:focus {
[type="submit"] button:focus {
-webkit-tap-highlight-color: transparent;
}
@ -2074,6 +2073,7 @@ button:focus {
color: #000;
border-radius: 0;
background-color: #F7F7F7;
line-height: 1;
}
.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;
$color5 : #6FA939;
$color6 : #ddd;
$color7 : #777;
$color-light : #fff;
$color-dark : #000;
$color-primary : #0275D8;
@ -52,6 +53,8 @@ $color-link-hover: $color4;
$brand-primary: $color5;
$color-border: $color7;
// button, badges, alerts color variants list
// name - background-color - color - border
$variants-list: (

1
sass/components/buttons.scss
View file

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

28
sass/components/forms.scss
View file

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