2019-12-19 23:09:23 +01:00
|
|
|
.update-notification {
|
2021-01-23 18:18:09 +01:00
|
|
|
margin: 1rem;
|
2019-12-19 23:09:23 +01:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
background: $warning;
|
2021-01-23 18:18:09 +01:00
|
|
|
padding: 0 0 0 .5rem;
|
2019-12-19 23:09:23 +01:00
|
|
|
border-radius: $radius;
|
2021-01-23 18:18:09 +01:00
|
|
|
font-size: .9rem;
|
|
|
|
color: $grey-900;
|
2019-12-19 23:09:23 +01:00
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
@media screen and (max-width: $desktop) {
|
|
|
|
& {
|
|
|
|
position: fixed;
|
2021-01-23 18:18:09 +01:00
|
|
|
bottom: 1rem;
|
2019-12-19 23:09:23 +01:00
|
|
|
margin: 0;
|
|
|
|
width: 450px;
|
|
|
|
left: calc(50vw - 225px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-09-05 22:35:52 +02:00
|
|
|
@media screen and (max-width: $tablet) {
|
2019-12-19 23:09:23 +01:00
|
|
|
& {
|
|
|
|
position: fixed;
|
2021-01-23 18:18:09 +01:00
|
|
|
left: 1rem;
|
|
|
|
right: 1rem;
|
|
|
|
bottom: 1rem;
|
2019-12-19 23:09:23 +01:00
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button {
|
2021-01-23 18:18:09 +01:00
|
|
|
margin-left: .5rem;
|
2019-12-19 23:09:23 +01:00
|
|
|
}
|
|
|
|
}
|