Commit ee7afcbe by Torkel Ödegaard

ux() some final tweaks

parent b3b63f83
...@@ -47,10 +47,18 @@ $switch-height: 1.5rem; ...@@ -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; ...@@ -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; ...@@ -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;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment