Browse Source

Test with new breakpoint for flexbox

main
Anxhelo Lushka 6 years ago
parent
commit
5e9f2a54f5
No known key found for this signature in database GPG Key ID: 1FDB240321304A01
  1. 1
      _sass/_base.scss
  2. 4
      _sass/_layout.scss
  3. 5
      css/main.scss

1
_sass/_base.scss

@ -13,6 +13,7 @@
* { * {
font-family: 'Overpass' !important; font-family: 'Overpass' !important;
box-sizing: border-box;
} }
/* Basic Styling /* Basic Styling

4
_sass/_layout.scss

@ -103,7 +103,7 @@
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
@include media-query($on-palm) { @include media-query($on-phone) {
margin-top: 20px; margin-top: 20px;
margin-left: 0px; margin-left: 0px;
} }
@ -387,7 +387,7 @@
padding-left: 15px; padding-left: 15px;
line-height: 1.4; line-height: 1.4;
@include media-query($on-palm) { @include media-query($on-phone) {
flex-basis: auto; flex-basis: auto;
} }
} }

5
css/main.scss

@ -22,8 +22,9 @@ $grey-color-dark: darken($grey-color, 25%);
// Width of the content area // Width of the content area
$content-width: 950px; $content-width: 950px;
$on-palm: 900px; $on-palm: 950px;
$on-laptop: 950px; $on-laptop: 950px;
$on-phone: 450px;

Loading…
Cancel
Save