nickautomatic · March 10, 2015 16:19 · Mar 10, 2015
diff --git a/breakpoint.scss b/breakpoint.scss
@@ -0,0 +1,20 @@
+// Super simple mobile-first breakpoint mixin:
+@mixin breakpoint($from) {
+  @media screen and (min-width: $from)  { @content; }
+}
+
+// Example usage:
+$small: 480px;
+nav {
+  @include breakpoint($small) {
+    display: none;
+  }
+}
+
+// ...alternative usage (for, eg. one-off tweakpoints):
+// cf. https://adactio.com/journal/6044
+nav {
+  @include breakpoint(480px) {
+    display: none;
+  }
+}