solid v3 setup, wip

assets/styles/utils/_helpers.scss

@@ -0,0 +1,81 @@
+/**
+ * Clearing and floating
+ */
+
+.alignleft,
+.float-left {
+    float: left;
+    img & {
+        margin-right: $base-spacing-unit;
+    }
+}
+
+.alignright,
+.float-right {
+    float: right;
+    img & {
+        margin-left : $base-spacing-unit;
+    }
+}
+
+.aligncenter,
+.float-center {
+    display: block;
+    margin: {
+        left: auto;
+        right: auto;
+    }
+    img & {
+        margin-bottom: $base-spacing-unit;
+    }
+}
+
+.clearfix {
+    @include clearfix();
+}
+
+
+
+/**
+ * Text aligments
+ */
+
+.align-text-left {
+    text-align: left;
+}
+
+.align-text-right {
+    text-align: right;
+}
+
+.align-text-center {
+    text-align: center;
+}
+
+
+/**
+ * Elements visibility
+ */
+
+.visible-on-mobile {
+    display: none !important;
+    @include resp-max($breakpoint-sm) {
+        display: block !important;
+    }
+}
+
+.visible-on-tablet {
+    display: none !important;
+    @include resp-max($breakpoint-md) {
+        display: block !important;
+    }
+    @include resp-max($breakpoint-sm) {
+        display: none !important;
+    }
+}
+
+.visible-on-desktop {
+    @include resp-max($breakpoint-md) {
+        display: none !important;
+    }
+}

assets/styles/utils/_reset.scss

@@ -0,0 +1,42 @@
+* {
+  background-color: transparent;
+  border: 0;
+  box-sizing: border-box;
+  font: inherit;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  background-color: white;
+  font-size: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  text-rendering: optimizeLegibility;
+}
+
+input, 
+select, 
+textarea,
+button {
+  color: inherit;
+  display: inline-block;
+  &[disabled] {
+    cursor: not-allowed;
+  }
+}
+
+button {
+  cursor: pointer;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  th,
+  td {
+    text-align: left;
+  }
+}

assets/styles/utils/_responsive.scss

@@ -0,0 +1,18 @@
+@each $breakpoint in $breakpoints {
+
+    $key   : nth($breakpoint, 1);
+    $value : nth($breakpoint, 2);
+
+    .visible-#{$key} {
+        @media only screen and #{$value} {
+            display: block !important;
+        }
+    }
+
+    .hidden-#{$key} {
+        @media only screen and #{$value} {
+            display: none !important;
+        }
+    }
+
+}