Filip/matrix-spec
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-spec synced 2026-03-23 19:44:09 +01:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Replace 768px media queries with breakpoints

Browse source
This commit is contained in:
Johannes Marbach 2024-03-26 20:43:45 +01:00
parent 2d3ef11b2c
commit 691ecaa5de
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/scss/_styles_project.scss
View file

@ -118,7 +118,7 @@ Custom SCSS for the Matrix spec
} }
} }
@media (min-width: 768px) { @include media-breakpoint-up(md) {
@supports (position: sticky) { @supports (position: sticky) {
.td-sidebar-nav { .td-sidebar-nav {
/* This overrides calc(100vh - 10rem);, which gives us a blank space at the bottom of the sidebar */ /* This overrides calc(100vh - 10rem);, which gives us a blank space at the bottom of the sidebar */
@ -177,7 +177,7 @@ footer {
/* Remove some padding before the main content, when the sidebar is disabled */ /* Remove some padding before the main content, when the sidebar is disabled */
.td-main main { .td-main main {
@media (max-width: 768px) { @include media-breakpoint-down(md) {
padding-top: 0; padding-top: 0;
} }
} }
@ -481,7 +481,7 @@ of .td-content. This applies the same style to any blockquotes that descend from
Make padding symmetrical (this selector is used in the default styles to apply padding-left: 3rem) Make padding symmetrical (this selector is used in the default styles to apply padding-left: 3rem)
*/ */
.pl-md-5, .px-md-5 { .pl-md-5, .px-md-5 {
@media (min-width: 768px) { @include media-breakpoint-up(md) {
padding-right: 3rem; padding-right: 3rem;
} }
} }