asteroid/css/modules/_device-notification.sass

45 lines
976 B
Sass
Raw Normal View History

// reference media queries at the bottom of this file
.device-notification
display: none
position: fixed
top: 0
left: 0
width: 100%
height: 100%
flex-direction: column
align-items: center
justify-content: center
background-color: $black
z-index: 12
&--logo
display: flex
align-items: center
text-decoration: none
color: $white
p
margin: 0 0 0 10px
font-size: 16px
font-weight: 700
text-transform: uppercase
&--message
width: 70%
margin: 30px 0 0 0
font-weight: 700
text-align: center
// based on personal content these may need to be adjusted slighlty
@media (max-width: 767px) and (min-width: 601px) and (max-height: 680px)
display: flex
@media (max-width: 600px) and (min-width: 480px) and (max-height: 580px)
display: flex
@media (max-width: 736px) and (min-width: 360px) and (orientation: landscape)
display: flex
@media(max-width: 359px)
display: flex