Media queries
========================================================================== */
+@media only screen and (min-width: 992px) {
+ nav,
+ body:not(.entry):not(.login) main,
+ footer {
+ padding-left: 240px;
+ }
+
+ .pagination {
+ margin-left: auto;
+ }
+
+ .card-tag-labels li {
+ max-width: 50%;
+ }
+}
+
+@media screen and (min-width: 993px) {
+ body.entry main #content {
+ padding-left: 70px;
+ }
+}
+
@media only screen and (max-width: 992px) {
header,
main,
- footer {
+ footer,
+ nav {
padding-left: 0;
}
- nav,
- main,
- footer {
- padding-left: 0;
+ table {
+ display: block;
+ overflow: auto;
}
- .pagination {
- width: auto;
+ iframe {
+ max-width: 100%;
+ height: auto;
}
.nav-panels .action {
}
.nav-panel-buttom {
- justify-content: space-around;
+ justify-content: space-between;
}
#article {
display: none;
}
- .pagination li.prev,
- .pagination li.next {
- width: auto;
+ .pagination li {
+ margin-bottom: 0.5rem;
+
+ &.prev,
+ &.next {
+ width: auto;
+ }
}
.drag-target + .drag-target {
.row .col {
padding: 0;
}
+
+ .card-stacked div.metadata .reading-time {
+ display: none;
+ }
+}
+
+@media screen and (max-width: 310px),
+ screen and (min-width: 601px) and (max-width: 660px),
+ screen and (min-width: 993px) and (max-width: 1050px),
+ screen and (min-width: 1201px) and (max-width: 1250px) {
+ .card .card-action .reading-time .card-created-at {
+ display: none;
+ }
}