41 lines
656 B
SCSS
41 lines
656 B
SCSS
|
.update-notification {
|
||
|
|
margin: 1em;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
background: $warning;
|
||
|
|
padding: 0 0 0 .5em;
|
||
|
|
border-radius: $radius;
|
||
|
|
font-size: .9em;
|
||
|
|
color: darken($dark, 5);
|
||
|
|
justify-content: space-between;
|
||
|
|
|
||
|
|
@media screen and (max-width: $desktop) {
|
||
|
|
& {
|
||
|
|
position: fixed;
|
||
|
|
bottom: 1em;
|
||
|
|
margin: 0;
|
||
|
|
width: 450px;
|
||
|
|
left: calc(50vw - 225px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: $tablet){
|
||
|
|
& {
|
||
|
|
position: fixed;
|
||
|
|
left: 1em;
|
||
|
|
right: 1em;
|
||
|
|
bottom: 1em;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button {
|
||
|
|
margin-left: .5em;
|
||
|
|
}
|
||
|
|
}
|