You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
742 B
Sass
31 lines
742 B
Sass
5 years ago
|
@import '../../../styles/mixins.sass'
|
||
|
@import '../../../styles/vars.sass'
|
||
|
|
||
|
#content
|
||
|
grid-template: 7.5% 92.5% / 25% 50% 25%
|
||
|
display: grid
|
||
|
min-height: 100vh
|
||
|
max-height: 100vh
|
||
|
|
||
|
#headerbar
|
||
|
@include gridPosition(1, 2, 1, 4)
|
||
|
display: grid
|
||
|
grid-template: 100% /30% 10% 10% 10% 10% 10% 15% 5%
|
||
|
background-color: $cHeadPrimaryBackground
|
||
|
color: $cHeadFontColor
|
||
|
|
||
|
#chatcontainer
|
||
|
@include gridPosition(2, 3, 1, 2)
|
||
|
background-color: $cBoxBodyBackground
|
||
|
|
||
|
#feedcontainer
|
||
|
@include gridPosition(2, 3, 2, 3)
|
||
|
display: grid
|
||
|
grid-template: 10% 90% /100%
|
||
|
background-color: $cSecondaryBackground
|
||
|
|
||
|
#socialcontainer
|
||
|
@include gridPosition(2, 3, 3, 4)
|
||
|
display: grid
|
||
|
grid-template: 50% 50% /100%
|
||
|
background-color: $cBoxBodyBackground
|