57 lines
1.1 KiB
SCSS
57 lines
1.1 KiB
SCSS
|
@import "functions";
|
||
|
|
@import "global";
|
||
|
|
|
||
|
|
|
||
|
|
/*********
|
||
|
|
! Infobar
|
||
|
|
**********/
|
||
|
|
|
||
|
|
GtkInfoBar {
|
||
|
|
border: none;
|
||
|
|
|
||
|
|
$types: (
|
||
|
|
info: ( $info_fg_color, $info_bg_color ),
|
||
|
|
warning: ( $warning_fg_color, $warning_bg_color ),
|
||
|
|
question: ( $question_fg_color, $question_bg_color ),
|
||
|
|
error: ( $error_fg_color, $error_bg_color ),
|
||
|
|
);
|
||
|
|
|
||
|
|
|
||
|
|
@each $type, $colors in $types {
|
||
|
|
$fg_color: nth($colors, 1);
|
||
|
|
$bg_color: nth($colors, 2);
|
||
|
|
|
||
|
|
&.#{$type} {
|
||
|
|
border: 1px solid shade($bg_color, 0.8);
|
||
|
|
background-color: $bg_color;
|
||
|
|
background-image: none;
|
||
|
|
color: $fg_color;
|
||
|
|
|
||
|
|
.button {
|
||
|
|
@include button($bg_color, $fg_color);
|
||
|
|
|
||
|
|
&.close {
|
||
|
|
border: 1px solid transparent;
|
||
|
|
background-color: transparent;
|
||
|
|
background-image: none;
|
||
|
|
box-shadow: none;
|
||
|
|
|
||
|
|
&:focus, &:hover {
|
||
|
|
border: 1px solid alpha(black, 0.3);
|
||
|
|
background-color: alpha(white, 0.2);
|
||
|
|
background-image: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
&:active, &:checked, &:active:hover, &:checked:hover {
|
||
|
|
border: 1px solid alpha(black, 0.3);
|
||
|
|
background-color: alpha(black, 0.1);
|
||
|
|
background-image: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|