LoveIt/assets/css/_core/_media.scss

56 lines
759 B
SCSS
Raw Normal View History

2019-08-24 13:32:41 +02:00
/* iPads (landscape) ----------- */
@media only screen and (max-width: 1300px) {
2019-08-11 19:36:19 +02:00
.post-warp {
2019-08-24 13:32:41 +02:00
max-width: 560px;
.post-toc {
margin-left: 580px;
2019-08-11 19:36:19 +02:00
}
}
}
/* iPads (portrait) ----------- */
2019-08-24 13:32:41 +02:00
@media only screen and (max-width: 1080px) {
2019-08-24 18:44:21 +02:00
.navbar {
.navbar-container {
margin: 0 2rem;
}
}
2019-08-21 18:32:52 +02:00
.post-warp {
2019-08-24 13:32:41 +02:00
max-width: 80%;
2019-08-21 18:32:52 +02:00
2019-08-24 13:32:41 +02:00
.post-toc {
display: none;
}
2019-08-24 13:32:41 +02:00
.post-toc-mobile {
display: block;
}
2019-08-21 18:32:52 +02:00
}
}
2019-08-24 18:44:21 +02:00
@media only screen and (max-width: 480px) {
2019-08-24 13:32:41 +02:00
.navbar {
display: none;
}
2019-08-19 21:01:15 +02:00
.navbar-mobile {
2019-08-24 13:32:41 +02:00
display: block;
2019-08-19 21:01:15 +02:00
}
2019-08-21 22:52:29 +02:00
.post-warp {
2019-08-24 13:32:41 +02:00
max-width: 100%;
2019-08-21 22:52:29 +02:00
2019-08-24 13:32:41 +02:00
.categories-card {
.card-item {
width: 95%;
}
}
2019-08-19 21:01:15 +02:00
}
2019-08-24 13:32:41 +02:00
.dynamic-to-top {
2019-08-21 22:29:39 +02:00
display: none !important;
2019-08-19 21:01:15 +02:00
}
2019-08-11 19:36:19 +02:00
}