solid v3 setup, wip

assets/styles/config/_mixins.scss

@@ -0,0 +1,60 @@
+/*
+ * Media query to respond to a minimum size (mobile first)
+ */
+
+@mixin resp-min($size) {
+    @media screen and (min-width: $size) { 
+        @content; 
+    }
+}
+
+
+/*
+ * Media query to respond to a maximum size
+ */
+
+@mixin resp-max($size) {
+    @media screen and (max-width: $size) { 
+        @content; 
+    }
+}
+
+
+/*
+ * Output font size in px/rem
+ */
+
+@mixin font-size($px) {
+    font-size: $px + px;
+    font-size: #{$px / 16}rem;
+}
+
+
+/*
+ * Placeholder mixin for <input>
+ */
+
+@mixin placeholder {
+    $placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input";
+    @each $placeholder in $placeholders {
+        &:#{$placeholder}-placeholder {
+            @content;
+        }
+    }
+}
+
+
+/**
+ * Clearfix
+ */
+
+@mixin clearfix {
+    &:before,
+    &:after{
+        content: " ";
+        display: table;
+    }
+    &:after{
+        clear: both;
+    }
+}

assets/styles/config/_variables.scss

@@ -0,0 +1,57 @@
+/**
+ * Colours
+ */
+
+$base-colour:            #444;
+$base-background-colour: #fff;
+
+$brand-colour:           #444; // Example
+$success-colour:         #5CB85C;
+$info-colour:            $brand-colour;
+$warning-colour:         #F0AD4E;
+$danger-colour:          #D9534F;
+
+
+/**
+ * Typography
+ */
+
+$sans-serif-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+$serif-font-family:       Georgia, "Times New Roman", Times, serif;
+$base-font-family:        $sans-serif-font-family;
+
+$base-font-size:          16;
+$base-line-height:        1.5;
+$base-spacing-unit:       ($base-font-size * $base-line-height) * 1px;
+
+
+/**
+ * Breakpoints
+ */
+
+$breakpoint-lg: 1200px;
+$breakpoint-md: 768px;
+$breakpoint-sm: 480px;
+
+$breakpoints: (
+    'lg' '(min-width: ' + $breakpoint-lg + ')',
+    'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')',
+    'sm' '(max-width:'  + ($breakpoint-md - 1) + ')',
+    'xs' '(max-width: ' + $breakpoint-sm + ')'
+);
+
+
+/**
+ * Grid
+ */
+
+$grid-max-width: 1200px;
+$grid-columns:   12;
+$grid-gutter:    $base-spacing-unit;
+
+
+/**
+ * Components
+ */
+
+$border-radius: 3px;