Adjust newsletter title breakpoint

mariana-caldas · mariana-caldas · commit e33012452bfe · 2022-03-29T19:39:35.000-07:00
diff --git a/styles/Newsletter.module.scss b/styles/Newsletter.module.scss
@@ -38,10 +38,14 @@
   }
 
   &__title {
-    font-size: 1.75rem;
+    font-size: 1.5rem;
     color: $primary-content-color;
     margin: 0;
 
+    @include medium-desktop {
+      font-size: 1.75rem;
+    }
+
     @include large-desktop {
       font-size: 2.25rem;
     }
diff --git a/styles/_mixins.scss b/styles/_mixins.scss
@@ -27,6 +27,12 @@
   }
 }
 
+@mixin medium-desktop {
+  @media (min-width: $medium-desktop-breakpoint) {
+    @content;
+  }
+}
+
 @mixin large-desktop {
   @media (min-width: $large-desktop-breakpoint) {
     @content;
diff --git a/styles/_variables.scss b/styles/_variables.scss
@@ -5,6 +5,7 @@ $tablet-breakpoint: 768px;
 $desktop-breakpoint-minus: 1023px;
 $desktop-breakpoint: 1024px;
 $desktop-breakpoint-plus: 1025px;
+$medium-desktop-breakpoint: 1250px;
 $large-desktop-breakpoint: 1440px;
 $extra-large-breakpoint: 2560px;
 

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,12 @@`
`27`	`27`	`}`
`28`	`28`	`}`
`29`	`29`
	`30`	`+@mixin medium-desktop {`
	`31`	`+ @media (min-width: $medium-desktop-breakpoint) {`
	`32`	`+ @content;`
	`33`	`+ }`
	`34`	`+}`
	`35`	`+`
`30`	`36`	`@mixin large-desktop {`
`31`	`37`	`@media (min-width: $large-desktop-breakpoint) {`
`32`	`38`	`@content;`