1 files changed, 32 insertions, 0 deletions
diff --git a/src/css/imports/_outlines.css b/src/css/imports/_outlines.css
new file mode 100755
index 0000000..9a292fd
--- /dev/null
+++ b/src/css/imports/_outlines.css
@@ -0,0 +1,32 @@
+/*
+
+   OUTLINES
+
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
+*/
+
+.outline { outline: 1px solid; }
+.outline-transparent { outline: 1px solid transparent; }
+.outline-0 { outline: 0; }
+
+@media (--breakpoint-not-small) {
+  .outline-ns { outline: 1px solid; }
+  .outline-transparent-ns { outline: 1px solid transparent; }
+  .outline-0-ns { outline: 0; }
+}
+
+@media (--breakpoint-medium) {
+  .outline-m { outline: 1px solid; }
+  .outline-transparent-m { outline: 1px solid transparent; }
+  .outline-0-m { outline: 0; }
+}
+
+@media (--breakpoint-medium) {
+  .outline-l { outline: 1px solid; }
+  .outline-transparent-l { outline: 1px solid transparent; }
+  .outline-0-l { outline: 0; }
+}