flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

SCSS: Fix breakpoint mobile naming

Browse Source 
From "m" to "mob"
This commit is contained in:
Félix Péault
2020-04-19 19:42:52 +02:00
parent 302af713d0
commit c37a8238f3
5 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/style/_base.scss
View File

@@ -179,7 +179,7 @@ button {
line-height: 1.15; line-height: 1.15;
text-align: center; text-align: center;
@include breakpoint (m) { @include breakpoint (mob) {
font-size: rem(24px); font-size: rem(24px);
} }
@include breakpoint (sm) { @include breakpoint (sm) {

2
src/style/organisms/_photos.scss
View File

@@ -170,7 +170,7 @@
flex-direction: column-reverse; flex-direction: column-reverse;
margin-bottom: 40px; margin-bottom: 40px;
@include breakpoint (m) { @include breakpoint (mob) {
margin-bottom: pxVW(176); margin-bottom: pxVW(176);
} }
@include breakpoint (md) { @include breakpoint (md) {

2
src/style/pages/_place.scss
View File

@@ -81,7 +81,7 @@
background-color: $color-tertiary; background-color: $color-tertiary;
will-change: transform, opacity; will-change: transform, opacity;
@include breakpoint (m) { @include breakpoint (mob) {
padding-bottom: 96px; padding-bottom: 96px;
} }
@include breakpoint (sm) { @include breakpoint (sm) {

2
src/style/tools/_helpers.scss
View File

@@ -27,7 +27,7 @@
margin: 0 auto; margin: 0 auto;
padding: 0 16px; padding: 0 16px;
@include breakpoint (m) { @include breakpoint (mob) {
padding: 0 24px; padding: 0 24px;
} }
@include breakpoint (sm) { @include breakpoint (sm) {

2
src/style/tools/_mixins.scss
View File

@@ -51,7 +51,7 @@
// Reponsive breakpoints // Reponsive breakpoints
@mixin breakpoint ($size) { @mixin breakpoint ($size) {
@if ($size == m) { @if ($size == mob) {
@media (min-width: $screen-mob) { @content; } @media (min-width: $screen-mob) { @content; }
} }
@else if ($size == xs) { @else if ($size == xs) {