2020-03-21 23:04:01 +08:00
|
|
|
@require 'variables.styl'
|
2020-03-14 16:17:04 +08:00
|
|
|
|
|
|
|
.page-container {
|
|
|
|
position absolute
|
|
|
|
left: 0
|
|
|
|
right: 0
|
|
|
|
top: 0
|
|
|
|
bottom: 0
|
2020-03-21 23:04:01 +08:00
|
|
|
background: $background-color
|
2020-03-14 16:17:04 +08:00
|
|
|
|
|
|
|
.page-left {
|
|
|
|
float: left
|
2020-03-20 19:57:01 +08:00
|
|
|
width: $left-side-width
|
2020-03-14 22:21:16 +08:00
|
|
|
height: 100%
|
|
|
|
position: fixed
|
2020-03-14 16:17:04 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.page-right {
|
|
|
|
float: right
|
2020-03-20 19:57:01 +08:00
|
|
|
width: $right-side-width
|
2020-03-14 22:21:16 +08:00
|
|
|
height: 100%
|
2020-03-21 23:04:01 +08:00
|
|
|
position relative
|
2020-03-14 16:17:04 +08:00
|
|
|
}
|
|
|
|
|
2020-03-22 20:31:13 +08:00
|
|
|
@media screen and (max-width: $media-max-width) {
|
2020-03-20 19:57:01 +08:00
|
|
|
.page-left {
|
2020-03-22 20:31:13 +08:00
|
|
|
display: none !important;
|
2020-03-20 19:57:01 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.page-right {
|
2020-03-22 20:31:13 +08:00
|
|
|
width: 100% !important;
|
2020-03-20 19:57:01 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|