remove unwanted margin-right on .level-item at mobile breakpoint (#1153)

diff --git a/sass/components/level.sass b/sass/components/level.sass
index 2e3819caeb7aec858800c5adfc906e63c2f0f05f..3a759351959425c975bc2be9dc2aff1b6a4b9654 100644 (file)
--- a/sass/components/level.sass
+++ b/sass/components/level.sass
@@ -48,11 +48,13 @@
   flex-grow: 0
   flex-shrink: 0
   .level-item
-    &:not(:last-child)
-      margin-right: 0.75rem
     // Modifiers
     &.is-flexible
       flex-grow: 1
+    // Responsiveness
+    +tablet
+      &:not(:last-child)
+        margin-right: 0.75rem
 
 .level-left
   align-items: center