mirror of
https://github.com/miggymofongo/asteroid.git
synced 2024-11-22 13:10:28 +00:00
50 lines
810 B
Sass
50 lines
810 B
Sass
.l-viewport
|
|
position: relative
|
|
width: 100%
|
|
height: 100vh
|
|
box-shadow: 0 0 45px 5px rgba(0,0,0,.85)
|
|
overflow: hidden
|
|
|
|
.l-wrapper
|
|
position: relative
|
|
width: 1440px
|
|
max-width: 90%
|
|
height: 100%
|
|
margin: 0 auto
|
|
|
|
.l-side-nav
|
|
position: absolute
|
|
left: 0
|
|
display: flex
|
|
height: 100%
|
|
align-items: center
|
|
|
|
// placed on layout class due to firefox bug
|
|
&::before
|
|
content: ""
|
|
position: absolute
|
|
top: 50%
|
|
left: 0
|
|
transform: translateY(-50%)
|
|
width: 2px
|
|
height: 70%
|
|
max-height: 750px
|
|
background-color: #555
|
|
opacity: .35
|
|
z-index: 10
|
|
|
|
@media (max-width: 1180px)
|
|
display: none
|
|
|
|
.l-main-content
|
|
position: relative
|
|
width: 100%
|
|
height: 100%
|
|
margin: 0
|
|
padding: 0
|
|
list-style: none
|
|
|
|
.l-section
|
|
position: absolute
|
|
width: 100%
|
|
height: 100%
|