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

refonte des variables, première couche

Browse source
This commit is contained in:
Raphael Goetter 2017-10-17 17:06:15 +02:00
parent 1a05e71249
commit d23ef90a0c
9 changed files with 100 additions and 187 deletions
Download patch file Download diff file Expand all files Collapse all files

4
sass/components/_alerts.scss
View file

@ -31,11 +31,11 @@
// alert state variants
.alert {
&--small {
font-size: $base-font-size - 0.4rem;
font-size: $font-size-base - 0.4rem;
}
&--big {
font-size: $base-font-size + 0.4rem;
font-size: $font-size-base + 0.4rem;
}
&--block {

4
sass/components/_badges.scss
View file

@ -32,11 +32,11 @@
// badge state variants
.badge {
&--small {
font-size: $base-font-size - 0.4rem;
font-size: $font-size-base - 0.4rem;
}
&--big {
font-size: $base-font-size + 0.4rem;
font-size: $font-size-base + 0.4rem;
}
&.disabled,

14
sass/components/_checkbox.scss
View file

@ -42,13 +42,13 @@
// switch styling
.switch {
width: $checkbox-size *2;
height: $checkbox-size;
line-height: $checkbox-size;
padding-left: $checkbox-size /3;
padding-right: $checkbox-size /3;
width: $switch-size *2;
height: $switch-size;
line-height: $switch-size;
padding-left: $switch-size /3;
padding-right: $switch-size /3;
font-size: 60%;
box-shadow: inset -#{$checkbox-size} 0 0 $checkbox-color, inset 0 0 0 1px $checkbox-color;
box-shadow: inset -#{$switch-size} 0 0 $switch-color, inset 0 0 0 1px $switch-color;
transition: box-shadow .15s;
&::before, &::after {
font-weight: bold;
@ -59,7 +59,7 @@
float: right;
}
&:checked {
box-shadow: inset #{$checkbox-size} 0 0 $color-success, inset 0 0 0 1px $color-success;
box-shadow: inset #{$switch-size} 0 0 $color-success, inset 0 0 0 1px $color-success;
&::before {
content: "✓";
float: left;

4
sass/components/_tags.scss
View file

@ -28,11 +28,11 @@
// tag state variants
.tag {
&--small {
font-size: $base-font-size - 0.4rem;
font-size: $font-size-base - 0.4rem;
}
&--big {
font-size: $base-font-size + 0.4rem;
font-size: $font-size-base + 0.4rem;
}
&--block {