Organised sass folders

scss/generic/_mixins.scss

@@ -0,0 +1,38 @@
+@mixin resp-min($size) {
+  @media screen and (min-width: $size) { 
+    @content; 
+  }
+}
+
+@mixin resp-max($size) {
+  @media screen and (max-width: $size) { 
+    @content; 
+  }
+}
+
+@mixin font-size($px) {
+  font-size: $px + px;
+  font-size: #{$px / $base-font-size}rem;
+}
+
+@mixin background-size($size) {
+  -webkit-background-size: $size;
+     -moz-background-size: $size;
+       -o-background-size: $size;
+          background-size: $size;
+}
+
+@mixin placeholder {
+  ::-webkit-input-placeholder {
+    @content; 
+  }
+  :-moz-placeholder {
+    @content; 
+  }
+  ::-moz-placeholder {
+    @content; 
+  }
+  :-ms-input-placeholder {  
+    @content; 
+  }
+}

scss/generic/_reset.scss

@@ -0,0 +1,56 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  margin: 0;
+  padding: 0;
+  vertical-align: baseline;
+}
+
+article, 
+aside, 
+details, 
+figcaption, 
+figure, 
+footer, 
+header, 
+hgroup, 
+menu, 
+nav, 
+section, 
+main {
+  display: block;
+}
+
+address, 
+caption, 
+cite, 
+dfn, 
+th, 
+var {
+  font-style: normal;
+  font-weight: normal;
+}
+
+blockquote, q {
+  quotes: none;
+}
+
+blockquote,
+q {
+  &:before,
+  &:after {
+    content: '';
+    content: none;
+  }
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+th {
+  font-weight: bold;
+  text-align: left;
+}

scss/generic/_utilities.scss

@@ -0,0 +1,39 @@
+.alignleft {
+  float: left;
+}
+
+img.alignleft {
+  margin-right: $base-margin-bottom;
+}
+
+.alignright {
+  float: right;
+}
+
+img.alignright {
+  margin-left : $base-margin-bottom;
+}
+
+.aligncenter {
+  display: block;
+  margin: {
+    left: auto;
+    right: auto;
+  }
+}
+
+img.aligncenter {
+  margin-bottom: $base-margin-bottom;
+}
+
+.clearfix {
+  &:before,
+  &:after{
+    content: '';
+    display: table;
+    line-height: 0;
+  }
+  &:after{
+    clear: both;
+  }
+}