2021-01-28 15:27:29 +01:00
|
|
|
@import "colors";
|
|
|
|
|
@import "constants";
|
|
|
|
|
|
2019-12-04 15:03:39 +01:00
|
|
|
.site-banner {
|
2016-12-02 16:04:23 +01:00
|
|
|
width: 100%;
|
|
|
|
|
margin: 0;
|
2021-01-28 15:27:29 +01:00
|
|
|
padding: $default-padding;
|
|
|
|
|
color: $black;
|
|
|
|
|
background-color: $yellow;
|
2019-12-04 15:03:39 +01:00
|
|
|
border-bottom: 1px dashed rgba(0, 0, 0, 0.6);
|
2019-11-28 15:29:31 +01:00
|
|
|
|
2019-12-04 15:28:42 +01:00
|
|
|
&.warning {
|
2021-01-28 15:27:29 +01:00
|
|
|
background-color: $orange-bg;
|
2019-12-04 15:28:42 +01:00
|
|
|
}
|
|
|
|
|
|
2019-11-28 15:29:31 +01:00
|
|
|
.container {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
2016-12-02 16:04:23 +01:00
|
|
|
}
|
2017-04-04 15:27:04 +02:00
|
|
|
}
|
2019-11-28 15:29:31 +01:00
|
|
|
|
2019-12-04 15:03:39 +01:00
|
|
|
.site-banner-icon {
|
2021-01-28 15:27:29 +01:00
|
|
|
margin-right: $default-padding;
|
2019-11-28 15:29:31 +01:00
|
|
|
font-size: 30px;
|
|
|
|
|
opacity: 0.7;
|
|
|
|
|
}
|
2019-12-03 16:02:08 +01:00
|
|
|
|
2019-12-04 15:03:39 +01:00
|
|
|
.site-banner-actions {
|
2019-12-03 16:02:08 +01:00
|
|
|
display: flex;
|
|
|
|
|
margin-left: auto;
|
2021-01-28 15:27:29 +01:00
|
|
|
|
|
|
|
|
.button {
|
|
|
|
|
margin-left: $default-spacer;
|
|
|
|
|
}
|
2019-12-03 16:02:08 +01:00
|
|
|
}
|
