diff --git a/src/css/style.css b/src/css/style.css
index 54f179a..ab02df2 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -1,2 +1,4 @@
-@import 'colors.css';
 @import 'reset.css';
+@import 'variables.css';
+@import 'colors.css';
+@import 'base/base.css';
diff --git a/src/postcss/mixins.js b/src/postcss/mixins.js
index 4e48af5..c6ee150 100644
--- a/src/postcss/mixins.js
+++ b/src/postcss/mixins.js
@@ -22,12 +22,6 @@ const postcssMixins = {
     return defineHSL(name, hue, sat, light);
   },
 
-  bpMin(mixin) {
-  },
-
-  bpMax(mixin) {
-  },
-
   // TODO - untested
   // // font rendering -> useful for light text on dark backgrounds
   fontSmooth() {
diff --git a/src/postcss/mixins.postcss.css b/src/postcss/mixins.postcss.css
index 412b042..3d2e90d 100644
--- a/src/postcss/mixins.postcss.css
+++ b/src/postcss/mixins.postcss.css
@@ -1,15 +1,3 @@
-@define-mixin bp-min $breakpoint {
-  @media (min-width: $breakpoint) { @mixin-content; }
-}
-
-@define-mixin bp-max $breakpoint {
-  @media (max-width: $breakpoint - 0.001) { @mixin-content; }
-}
-
-@define-mixin bp-min-max $bp-min, $bp-max {
-  @media (min-width: $bp-min) and (max-width: $bp-max - 0.001) { @mixin-content; }
-}
-
 /* crop top space on text elements - caused by line height */
 /*
  The mixin also accepts a (not required) second parameter (a number smaller than 1 that varies with the font-family value) that improves the crop effect.