fix check and radio margins. tweak switch.
parent
150fda02b5
commit
4f303cb398
|
@ -38,9 +38,9 @@ $scrollbar_slider_active_color: if($variant == 'light', darken($selected_bg_colo
|
||||||
|
|
||||||
$switch_disabled_bg_color: #d8d8d8;
|
$switch_disabled_bg_color: #d8d8d8;
|
||||||
$switch_disabled_border_color: #ccc;
|
$switch_disabled_border_color: #ccc;
|
||||||
$switch_disabled_fg_color: mix(#444, #f0f0f0, 0.5);
|
$switch_disabled_fg_color: mix(#444, #f0f0f0, .5);
|
||||||
$switch_disabled_slider_bg_color: #e8eaec;
|
$switch_disabled_slider_bg_color: #e8eaec;
|
||||||
$switch_bg_color: #fbfbfb;
|
$switch_bg_color: mix($bg_color, $base_color, .3);
|
||||||
$switch_fg_color: #8e969e;
|
$switch_fg_color: #8e969e;
|
||||||
$switch_slider_bg_color: #fbfbfb;
|
$switch_slider_bg_color: #fbfbfb;
|
||||||
|
|
||||||
|
|
|
@ -51,12 +51,19 @@ $suffix: if($variant == "dark", "-dark", "");
|
||||||
@include toggle("radio");
|
@include toggle("radio");
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
|
margin-right: $spacing;
|
||||||
}
|
}
|
||||||
|
|
||||||
check {
|
check {
|
||||||
@include toggle("checkbox");
|
@include toggle("checkbox");
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
|
margin-right: $spacing;
|
||||||
|
}
|
||||||
|
|
||||||
|
radio:dir(rtl), check:dir(rtl) {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: $spacing;
|
||||||
}
|
}
|
||||||
|
|
||||||
iconview.content-view.cell.check {
|
iconview.content-view.cell.check {
|
||||||
|
@ -77,7 +84,6 @@ $suffix: if($variant == "dark", "-dark", "");
|
||||||
padding: $spacing;
|
padding: $spacing;
|
||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
transition: all 0.4s linear;
|
|
||||||
transition: background-color 0.3s linear;
|
transition: background-color 0.3s linear;
|
||||||
min-width: 93px;
|
min-width: 93px;
|
||||||
min-height: 25px;
|
min-height: 25px;
|
||||||
|
@ -86,7 +92,7 @@ $suffix: if($variant == "dark", "-dark", "");
|
||||||
|
|
||||||
slider {
|
slider {
|
||||||
background-color: $switch_slider_bg_color;
|
background-color: $switch_slider_bg_color;
|
||||||
transition: all 0.3s linear;
|
transition: all 0.3s ease-in;
|
||||||
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
|
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
|
||||||
border-radius: $roundness;
|
border-radius: $roundness;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue