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() some final tweaks

Browse Source
This commit is contained in:
Torkel Ödegaard
2016-03-23 22:40:48 +01:00
parent b3b63f836a
commit ee7afcbe9e
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -47,10 +47,18 @@ $switch-height: 1.5rem;
} }
&:hover { &:hover {
input + label:before, input + label:after { input + label:before {
@include buttonBackground($input-bg, lighten($input-bg, 5%));
color: $text-color;
text-shadow: 1px 1px 4px rgb(45, 45, 45);
}
input + label:after {
@include buttonBackground($input-bg, lighten($input-bg, 5%)); @include buttonBackground($input-bg, lighten($input-bg, 5%));
color: lighten(#FF8600, 10%); color: lighten(#FF8600, 10%);
text-shadow: 1px 1px 4px rgb(25, 25, 25);
} }
} }
input + label:before { input + label:before {
@@ -63,7 +71,7 @@ $switch-height: 1.5rem;
color: darken($text-color-weak, 10%); color: darken($text-color-weak, 10%);
transition: transform 0.4s; transition: transform 0.4s;
backface-visibility: hidden; backface-visibility: hidden;
text-shadow: 0px 0px 5px rgb(45, 45, 45); text-shadow: 1px 1px 4px rgb(45, 45, 45);
} }
input + label:after { input + label:after {
@@ -72,7 +80,7 @@ $switch-height: 1.5rem;
//content: "\f00c"; //content: "\f00c";
content: "\f046"; // check-square-o content: "\f046"; // check-square-o
color: #FF8600; color: #FF8600;
text-shadow: 0px 0px 5px rgb(45, 45, 45); text-shadow: 1px 1px 4px rgb(25, 25, 25);
font-family: 'FontAwesome'; font-family: 'FontAwesome';
transition: transform 0.4s; transition: transform 0.4s;