Bauke/bauke-xyz
Bauke
/
bauke-xyz
1
Fork 0
Code Releases 12 Activity

Change all breakpoints to be 900px.

This commit is contained in:
Bauke 2023-01-31 12:51:10 +01:00
parent fa55c8dc17
commit 0929822465
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
4 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
source/scss/components/_listenbrainz.scss
View File

@ -8,7 +8,7 @@
padding: 8px; padding: 8px;
width: fit-content; width: fit-content;
@media (max-width: mixins.$medium-breakpoint) { @media (max-width: mixins.$breakpoint) {
width: 100%; width: 100%;
} }

2
source/scss/components/_page-header.scss
View File

@ -11,7 +11,7 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@media (max-width: mixins.$medium-breakpoint) { @media (max-width: mixins.$breakpoint) {
height: 50vh; height: 50vh;
.subtitle { .subtitle {

2
source/scss/components/_page-main.scss
View File

@ -9,7 +9,7 @@
padding: 64px; padding: 64px;
text-decoration: none; text-decoration: none;
@media (max-width: mixins.$medium-breakpoint) { @media (max-width: mixins.$breakpoint) {
height: 50vh; height: 50vh;
} }

7
source/scss/mixins.scss
View File

@ -1,12 +1,11 @@
$medium-breakpoint: 900px; $breakpoint: 900px;
$large-breakpoint: 1200px;
@mixin responsive-container { @mixin responsive-container {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: $large-breakpoint; width: $breakpoint;
@media (max-width: $large-breakpoint) { @media (max-width: $breakpoint) {
width: 100%; width: 100%;
} }
} }