rf-web/_sass/includes/banner.scss

64 lines
1019 B
SCSS
Raw Normal View History

2020-09-02 14:20:58 +00:00
#full-banner {
position: fixed;
bottom: 0;
right: 0;
z-index: 5;
background-color: var(--colour-white);
padding: var(--size-8);
border-top: 1px solid var(--colour-grey-light);
border-left: 1px solid var(--colour-grey-light);
border-color: var(--colour-grey-light);
h1 {
font-size: var(--size-16);
font-weight: 800;
margin: 0;
color: rgba(29, 32, 34, 0.5);
&.countdown,
span {
font-family: var(--font-logo);
}
.cd-time {
color: rgba(29, 32, 34, 1);
}
}
&.hidden {
display: none;
}
@include touch {
width: 100vw;
box-sizing: border-box;
padding: var(--size-8) var(--size-32);
left: 0;
h1 {
// font-size: var(--size-24);
}
.cd-time {
display: block;
margin: 0;
}
}
.now-live {
color: var(--colour-red);
}
2020-09-23 15:03:45 +00:00
&.live {
width: 100vw;
h1 {
font-size: 2rem;
text-align: center;
}
}
2020-09-02 14:20:58 +00:00
@include darkMode {
border-color: var(--colour-graphite);
}
}