Fixinng notebook-tab-active color and close button style

pull/614/merge
Khurshid Alam 2017-02-06 18:25:09 +05:30
parent 85138a0fff
commit 777d5866a0
1 changed files with 12 additions and 8 deletions

View File

@ -179,7 +179,7 @@
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
margin-left: $spacing * 2; margin-left: $spacing * 2;
border: 1px solid transparent; //border: 1px solid transparent;
transition: all .1s linear; transition: all .1s linear;
} }
@ -187,15 +187,15 @@
background-color: shade($base_color, .93); background-color: shade($base_color, .93);
border-color: transparent; border-color: transparent;
outline: none; outline: none;
button,
button.flat {
border: 1px solid alpha($bg_color, .1);
}
} }
&:checked { &:checked {
@if (lightness($bg_color) > 50) {
background-color: mix($bg_color, $base_color, .7);
} @else {
background-color: mix($bg_color, $base_color, .4); background-color: mix($bg_color, $base_color, .4);
}
border-bottom-color: transparent; border-bottom-color: transparent;
outline: none; outline: none;
@ -204,9 +204,13 @@
} }
&:hover { &:hover {
@if (lightness($bg_color) > 50) {
background-color: mix($bg_color, $base_color, .9);
} @else {
background-color: mix($bg_color, $base_color, .6); background-color: mix($bg_color, $base_color, .6);
} }
} }
}
label { label {
color: mix($text_color, $base_color, .3); color: mix($text_color, $base_color, .3);