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;
width: fit-content;
@media (max-width: mixins.$medium-breakpoint) {
@media (max-width: mixins.$breakpoint) {
width: 100%;
}

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

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

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

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

7
source/scss/mixins.scss
View File

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