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

margin fix on switches

This commit is contained in:
Raphael Goetter 2017-10-20 12:37:15 +02:00
parent 41fdb8ce1c
commit 8f2d7c8eba
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/knacss-unminified.css
View File

@ -2159,8 +2159,6 @@ button:focus {
width: 4rem; width: 4rem;
height: 2rem; height: 2rem;
line-height: 2rem; line-height: 2rem;
padding-left: 0.66667rem;
padding-right: 0.66667rem;
font-size: 60%; font-size: 60%;
-webkit-box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333; -webkit-box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333;
box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333; box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333;
@ -2178,6 +2176,7 @@ button:focus {
.switch::before { .switch::before {
content: "✕"; content: "✕";
float: right; float: right;
margin-right: 0.66667rem;
} }
.switch:checked { .switch:checked {
@ -2188,6 +2187,7 @@ button:focus {
.switch:checked::before { .switch:checked::before {
content: "✓"; content: "✓";
float: left; float: left;
margin-left: 0.66667rem;
} }
.checkbox { .checkbox {

2
css/knacss.css
View File

File diff suppressed because one or more lines are too long

4
sass/components/_checkbox.scss
View File

@ -45,8 +45,6 @@
width: $switch-size *2; width: $switch-size *2;
height: $switch-size; height: $switch-size;
line-height: $switch-size; line-height: $switch-size;
padding-left: $switch-size /3;
padding-right: $switch-size /3;
font-size: 60%; font-size: 60%;
box-shadow: inset -#{$switch-size} 0 0 $switch-color, inset 0 0 0 1px $switch-color; box-shadow: inset -#{$switch-size} 0 0 $switch-color, inset 0 0 0 1px $switch-color;
transition: box-shadow .15s; transition: box-shadow .15s;
@ -57,12 +55,14 @@
&::before { &::before {
content: "✕"; content: "✕";
float: right; float: right;
margin-right: $switch-size /3;
} }
&:checked { &:checked {
box-shadow: inset #{$switch-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 { &::before {
content: "✓"; content: "✓";
float: left; float: left;
margin-left: $switch-size /3;
} }
} }
} }