2020-03-21 23:04:01 +08:00
|
|
|
@require 'variables.styl'
|
2020-03-14 16:17:04 +08:00
|
|
|
|
|
|
|
.right-side-container {
|
2020-03-21 23:04:01 +08:00
|
|
|
|
2020-03-14 16:17:04 +08:00
|
|
|
width: 100%;
|
|
|
|
height: auto;
|
2020-03-21 23:04:01 +08:00
|
|
|
margin-top: $nav-height;
|
2020-03-14 16:17:04 +08:00
|
|
|
|
|
|
|
.nav-container {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
2020-03-29 19:54:28 +08:00
|
|
|
width: 70%;
|
2020-03-21 23:04:01 +08:00
|
|
|
height: $nav-height;
|
2020-03-14 16:17:04 +08:00
|
|
|
z-index: 999;
|
|
|
|
}
|
|
|
|
|
|
|
|
.article-post-container {
|
2020-03-21 23:04:01 +08:00
|
|
|
background: $background-color;
|
|
|
|
padding: 30px;
|
2020-03-14 16:17:04 +08:00
|
|
|
}
|
2020-03-29 19:54:28 +08:00
|
|
|
|
|
|
|
@media screen and (max-width: $media-max-width) {
|
|
|
|
|
|
|
|
.nav-container {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
2020-03-14 16:17:04 +08:00
|
|
|
}
|