| 1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- // 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
|
