2016-04-09 04:30:09 +00:00
|
|
|
@import "button";
|
|
|
|
|
|
|
|
|
|
|
|
/*********
|
|
|
|
! Infobar
|
|
|
|
**********/
|
|
|
|
|
|
|
|
@include exports("infobar") {
|
|
|
|
infobar {
|
|
|
|
border: 0;
|
2016-06-18 08:05:11 +00:00
|
|
|
}
|
2016-04-09 04:30:09 +00:00
|
|
|
|
2016-06-18 08:05:11 +00:00
|
|
|
$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),
|
|
|
|
);
|
2016-04-09 04:30:09 +00:00
|
|
|
|
|
|
|
|
2016-06-18 08:05:11 +00:00
|
|
|
@each $type, $colors in $types {
|
|
|
|
$fg_color: nth($colors, 1);
|
|
|
|
$bg_color: nth($colors, 2);
|
2016-04-09 04:30:09 +00:00
|
|
|
|
2016-06-18 08:05:11 +00:00
|
|
|
.#{$type} {
|
|
|
|
@include linear-gradient($bg_color);
|
2016-04-09 04:30:09 +00:00
|
|
|
|
2016-06-18 08:05:11 +00:00
|
|
|
border: 1px solid shade($bg_color, .8);
|
|
|
|
color: $fg_color;
|
2016-04-09 04:30:09 +00:00
|
|
|
|
2016-06-18 08:05:11 +00:00
|
|
|
button {
|
|
|
|
@include button($bg_color, $fg_color);
|
2016-04-09 04:30:09 +00:00
|
|
|
|
2016-06-18 08:05:11 +00:00
|
|
|
&.close { @extend %close_button; }
|
2016-04-09 04:30:09 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|