From 748797f3eb797181b28d18d921c584817422f102 Mon Sep 17 00:00:00 2001
From: Felix	Boerner <ich@felix-boerner.de>
Date: Mon, 11 Nov 2024 13:26:11 +0000
Subject: [PATCH] feat: use new breakpoints

---
 assets/scss/split.scss    |    6 +++---
 assets/scss/_webflow.scss |   16 ++++++++--------
 assets/scss/_content.scss |    6 +++---
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss
index cca639d..c5f68ff 100644
--- a/assets/scss/_content.scss
+++ b/assets/scss/_content.scss
@@ -164,7 +164,7 @@
   object-fit: cover;
 }
 
-@media screen and (max-width: 991px) {
+@media screen and (max-width: $bp-smallish) {
   .leftcontent {
     display: block;
     -o-object-position: 50% 0%;
@@ -209,7 +209,7 @@
   }
 }
 
-@media screen and (max-width: 767px) {
+@media screen and (max-width: $bp-tablet) {
   .name {
     margin-bottom: 20px;
   }
@@ -219,7 +219,7 @@
   }
 }
 
-@media screen and (max-width: 479px) {
+@media screen and (max-width: $bp-mobile) {
   .bold-text {
     font-size: 42px;
     line-height: 42px;
diff --git a/assets/scss/_webflow.scss b/assets/scss/_webflow.scss
index 1521a3c..f48fb3c 100644
--- a/assets/scss/_webflow.scss
+++ b/assets/scss/_webflow.scss
@@ -592,7 +592,7 @@
 .w-hidden-main {
   display: none !important;
 }
-@media screen and (max-width: 991px) {
+@media screen and (max-width: $bp-smallish) {
   .w-container {
     max-width: 728px;
   }
@@ -644,7 +644,7 @@
     right: auto;
   }
 }
-@media screen and (max-width: 767px) {
+@media screen and (max-width: $bp-tablet) {
   .w-hidden-main {
     display: inherit !important;
   }
@@ -701,7 +701,7 @@
     width: 100%;
   }
 }
-@media screen and (max-width: 479px) {
+@media screen and (max-width: $bp-mobile) {
   .w-container {
     max-width: none;
   }
@@ -1127,7 +1127,7 @@
 .w-dropdown-link:focus {
   outline: 0;
 }
-@media screen and (max-width: 767px) {
+@media screen and (max-width: $bp-tablet) {
   .w-nav-brand {
     padding-left: 10px;
   }
@@ -1704,7 +1704,7 @@
 .w--nav-dropdown-list-open {
   position: static;
 }
-@media screen and (max-width: 991px) {
+@media screen and (max-width: $bp-smallish) {
   .w-nav[data-collapse="medium"] .w-nav-menu {
     display: none;
   }
@@ -1712,7 +1712,7 @@
     display: block;
   }
 }
-@media screen and (max-width: 767px) {
+@media screen and (max-width: $bp-tablet) {
   .w-nav[data-collapse="small"] .w-nav-menu {
     display: none;
   }
@@ -1723,7 +1723,7 @@
     padding-left: 10px;
   }
 }
-@media screen and (max-width: 479px) {
+@media screen and (max-width: $bp-mobile) {
   .w-nav[data-collapse="tiny"] .w-nav-menu {
     display: none;
   }
@@ -1778,7 +1778,7 @@
 .w--tab-active {
   display: block;
 }
-@media screen and (max-width: 479px) {
+@media screen and (max-width: $bp-mobile) {
   .w-tab-link {
     display: block;
   }
diff --git a/assets/scss/split.scss b/assets/scss/split.scss
index 33db6ec..07d29aa 100644
--- a/assets/scss/split.scss
+++ b/assets/scss/split.scss
@@ -11,9 +11,9 @@
 $color-tagline      : #CCCCCC;
 
 // Breakpoints
-$bp-smallish        : 1200px;
-$bp-tablet          : 800px;
-$bp-mobile          : 500px;
+$bp-smallish        : 991px;
+$bp-tablet          : 767px;
+$bp-mobile          : 479px;
 
 // Image
 $image-background   : {{ if .Site.Params.visual.image.enable }}url('../{{ .Site.Params.visual.image.file | default "images/background.jpg" }}'){{ else }}none{{ end }};

--
Gitblit v1.10.0