From c37a8238f3c838c1806fbcc052c88a4661677020 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sun, 19 Apr 2020 19:42:52 +0200
Subject: [PATCH] SCSS: Fix breakpoint mobile naming

From "m" to "mob"
---
 src/style/_base.scss             | 2 +-
 src/style/organisms/_photos.scss | 2 +-
 src/style/pages/_place.scss      | 2 +-
 src/style/tools/_helpers.scss    | 2 +-
 src/style/tools/_mixins.scss     | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/style/_base.scss b/src/style/_base.scss
index 2141033..a197ea4 100644
--- a/src/style/_base.scss
+++ b/src/style/_base.scss
@@ -179,7 +179,7 @@ button {
     line-height: 1.15;
     text-align: center;
 
-    @include breakpoint (m) {
+    @include breakpoint (mob) {
         font-size: rem(24px);
     }
     @include breakpoint (sm) {
diff --git a/src/style/organisms/_photos.scss b/src/style/organisms/_photos.scss
index 2955d3d..9182e4e 100644
--- a/src/style/organisms/_photos.scss
+++ b/src/style/organisms/_photos.scss
@@ -170,7 +170,7 @@
             flex-direction: column-reverse;
             margin-bottom: 40px;
 
-            @include breakpoint (m) {
+            @include breakpoint (mob) {
                 margin-bottom: pxVW(176);
             }
             @include breakpoint (md) {
diff --git a/src/style/pages/_place.scss b/src/style/pages/_place.scss
index b66dd56..e2d2574 100644
--- a/src/style/pages/_place.scss
+++ b/src/style/pages/_place.scss
@@ -81,7 +81,7 @@
         background-color: $color-tertiary;
         will-change: transform, opacity;
 
-        @include breakpoint (m) {
+        @include breakpoint (mob) {
             padding-bottom: 96px;
         }
         @include breakpoint (sm) {
diff --git a/src/style/tools/_helpers.scss b/src/style/tools/_helpers.scss
index d4c7714..b731d36 100644
--- a/src/style/tools/_helpers.scss
+++ b/src/style/tools/_helpers.scss
@@ -27,7 +27,7 @@
     margin: 0 auto;
     padding: 0 16px;
 
-    @include breakpoint (m) {
+    @include breakpoint (mob) {
         padding: 0 24px;
     }
     @include breakpoint (sm) {
diff --git a/src/style/tools/_mixins.scss b/src/style/tools/_mixins.scss
index b0da768..abf396f 100644
--- a/src/style/tools/_mixins.scss
+++ b/src/style/tools/_mixins.scss
@@ -51,7 +51,7 @@
 
 // Reponsive breakpoints
 @mixin breakpoint ($size) {
-    @if ($size == m) {
+    @if ($size == mob) {
         @media (min-width: $screen-mob) { @content; }
     }
     @else if ($size == xs) {