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

refonte des variables de couleurs

Browse source
This commit is contained in:
Raphaël Goetter 2022-01-05 17:34:13 +01:00
parent 8e95e4cdd9
commit 59f02b6c57
10 changed files with 197 additions and 172 deletions
Download patch file Download diff file Expand all files Collapse all files

10
sass/components/_checkbox.scss
View file

@ -12,7 +12,7 @@
*/
$checkbox-color: $white;
$checkbox-background: $color-alpha;
$checkbox-background: $primary;
$checkbox-size: 2rem;
$checkbox-border-radius: 4px;
@ -31,13 +31,13 @@ $checkbox-border-radius: 4px;
height: $checkbox-size;
vertical-align: text-bottom;
outline: 0;
box-shadow: inset 0 0 0 1px $color-alpha;
box-shadow: inset 0 0 0 1px $primary;
background-color: $checkbox-color;
transition: background-color 0.15s;
cursor: pointer;
}
.checkbox + label {
.checkbox+label {
cursor: pointer;
}
@ -45,7 +45,7 @@ $checkbox-border-radius: 4px;
opacity: 0.6;
}
.checkbox:disabled + label {
.checkbox:disabled+label {
opacity: 0.6;
cursor: not-allowed;
}
@ -56,4 +56,4 @@ $checkbox-border-radius: 4px;
background-position: center;
background-repeat: no-repeat;
background-color: $checkbox-background;
}
}

12
sass/components/_radio.scss
View file

@ -11,7 +11,7 @@
* radio variables (you can change them)
*/
$radio-color: $color-alpha;
$radio-color: $primary;
$radio-background: $white;
$radio-size: 2rem;
$radio-border-radius: 50%;
@ -31,13 +31,13 @@ $radio-border-radius: 50%;
height: $radio-size;
vertical-align: text-bottom;
outline: 0;
box-shadow: inset 0 0 0 1px $color-alpha;
box-shadow: inset 0 0 0 1px $primary;
background-color: $radio-background;
transition: background-size 0.15s;
cursor: pointer;
}
.radio + label {
.radio+label {
cursor: pointer;
}
@ -45,7 +45,7 @@ $radio-border-radius: 50%;
opacity: 0.6;
}
.radio:disabled + label {
.radio:disabled+label {
opacity: 0.6;
cursor: not-allowed;
}
@ -55,5 +55,5 @@ $radio-border-radius: 50%;
background-size: 70% 70%;
background-position: center;
background-repeat: no-repeat;
background-color: $color-alpha;
}
background-color: $primary;
}