remove postcss mixins

src/css/style.css

@@ -1,2 +1,4 @@
-@import 'colors.css';
 @import 'reset.css';
+@import 'variables.css';
+@import 'colors.css';
+@import 'base/base.css';

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() {

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.