IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux(): checkbox v3 with hover style

Browse Source
This commit is contained in:
Torkel Ödegaard 2016-03-23 22:28:38 +01:00
parent c2ef2ef287
commit b3b63f836a
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/sass/components/_switch.scss
View File

@ -31,6 +31,8 @@ $switch-height: 1.5rem;
}
input + label:before, input + label:after {
@include buttonBackground($input-bg, $input-bg);
display: block;
position: absolute;
top: 0;
@ -44,8 +46,14 @@ $switch-height: 1.5rem;
font-size: 150%;
}
&:hover {
input + label:before, input + label:after {
@include buttonBackground($input-bg, lighten($input-bg, 5%));
color: lighten(#FF8600, 10%);
}
}
input + label:before {
@include buttonBackground($input-bg, lighten($input-bg, 5%));
//content: attr(data-off);
font-family: 'FontAwesome';
//content: "\f00c";
@ -59,7 +67,6 @@ $switch-height: 1.5rem;
}
input + label:after {
@include buttonBackground($input-bg, lighten($input-bg, 5%));
//@include buttonBackground($btn-secondary-bg, $btn-secondary-bg-hl);
//content: attr(data-on);
//content: "\f00c";