Add only responsive classes, Remove test tiles, Remove section border, Add widescreen...

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b157e18b71436954499d9ceec12d93453f5d659f..cdebbf65c2db29e490eb6b3f7141453e56fd7628 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,11 +2,23 @@
 
 ## 0.0.24
 
+### Added
+
+* `is-mobile` for the navbar
+
+### Removed
+
+* removed border between sections. Use `<hr class="is-marginless">` now
+
 ### Updated
 
-* restructured file structure
+* restructured files
 * added back `inline-flex` for controls and tags
 
+### Removed
+
+* test tiles
+
 ## 0.0.23
 
 ### BREAKING

diff --git a/sass/base/classes.sass b/sass/base/classes.sass
index 8c9c7cac02617a75bfb02d64fe271023ffd3b5b8..277fe53202b769049b59bb24edddbb03e166a5cb 100644 (file)
--- a/sass/base/classes.sass
+++ b/sass/base/classes.sass
@@ -11,6 +11,8 @@
     &.is-fluid
       margin: 0 20px
       max-width: none
+  +widescreen
+    max-width: 1200px
 
 .fa
   font-size: 21px

diff --git a/sass/base/helpers.sass b/sass/base/helpers.sass
index 549f38897f2e40e8ac973d2ffc10cf81ceb8e3cc..3854bb97efdebfe93eb40742eb86abf1c24b86a8 100644 (file)
--- a/sass/base/helpers.sass
+++ b/sass/base/helpers.sass
@@ -40,7 +40,7 @@
     display: none !important
 
 .is-hidden-tablet
-  +tablet
+  +tablet-only
     display: none !important
 
 .is-hidden-touch
@@ -48,7 +48,7 @@
     display: none !important
 
 .is-hidden-desktop
-  +desktop
+  +desktop-only
     display: none !important
 
 // Other

diff --git a/sass/components/grid.sass b/sass/components/grid.sass
index ef850fd952a597da05445a9f24adb1f6ffb67fe7..991c845c3f6637cae6929668eae198134557ee7a 100644 (file)
--- a/sass/components/grid.sass
+++ b/sass/components/grid.sass
@@ -211,19 +211,6 @@
     &.is-desktop
       display: flex
 
-.tilefiejsoif
-  flex: 1
-  // Modifiers
-  &.is-parent
-    padding: 10px
-  // Responsiveness
-  +tablet
-    // Sizes
-    @for $i from 1 through 12
-      &.is-#{$i}
-        flex: none
-        width: ($i / 12) * 100%
-
 .tile
   align-items: stretch
   flex: 1

diff --git a/sass/components/navbar.sass b/sass/components/navbar.sass
index 1668b42a2055b3ccd914ba3c74f9be0f00b277c2..1340a69ed4560cb4d3ffb7656fa569bd73c4f920 100644 (file)
--- a/sass/components/navbar.sass
+++ b/sass/components/navbar.sass
@@ -34,16 +34,24 @@
 
 .navbar
   @extend .block
+  align-items: center
+  justify-content: space-between
   code
     border-radius: $radius
   img
     display: inline-block
     vertical-align: top
+  // Modifiers
+  &.is-mobile
+    display: flex
+    & > .navbar-item
+      &:not(:last-child)
+        margin-bottom: 0
+      &:not(.is-narrow)
+        flex: 1
   // Responsiveness
   +tablet
-    align-items: center
     display: flex
-    justify-content: space-between
     & > .navbar-item
       &:not(.is-narrow)
         flex: 1

diff --git a/sass/layout/section.sass b/sass/layout/section.sass
index 0a552e85a987f2c21ee60c437a835e0db748d583..98271a5ce6aca59a58891a9f2aa4afe6aabcf196 100644 (file)
--- a/sass/layout/section.sass
+++ b/sass/layout/section.sass
@@ -1,8 +1,6 @@
 .section
   background: white
   padding: 40px 20px
-  & + .section
-    border-top: 1px solid rgba($border, 0.5)
   // Responsiveness
   +desktop
     padding: 40px 0

diff --git a/sass/utilities/mixins.sass b/sass/utilities/mixins.sass
index 29c763c66a922afb35793f0c20fedec748706ee8..fb20fd2a0663b6adaa82862b03728504eb537e90 100644 (file)
--- a/sass/utilities/mixins.sass
+++ b/sass/utilities/mixins.sass
@@ -78,6 +78,10 @@
   @media screen and (min-width: $tablet)
     @content
 
+=tablet-only
+  @media screen and (min-width: $tablet) and (max-width: $desktop - 1px)
+    @content
+
 =touch
   @media screen and (max-width: $desktop - 1px)
     @content
@@ -86,6 +90,10 @@
   @media screen and (min-width: $desktop)
     @content
 
+=desktop-only
+  @media screen and (min-width: $desktop) and (max-width: $widescreen - 1px)
+    @content
+
 =widescreen
   @media screen and (min-width: $widescreen)
     @content