fix check and radio margins. tweak switch.

pull/344/head
Dustin Falgout 2016-04-14 06:53:03 -05:00
parent 150fda02b5
commit 4f303cb398
2 changed files with 10 additions and 4 deletions

View File

@ -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;

View File

@ -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;
} }