v2 first draft

assets/sass/barebones.scss

@@ -0,0 +1,46 @@
+/**
+Theme Name: Barebones
+Theme URI: http://github.com/benchmarkstudios/barebones
+Author: Benchmark
+*/
+
+@charset 'UTF-8';
+
+// 1. Configuration
+@import 
+    'config/variables',
+    'config/mixins';
+
+// 2. Vendors
+@import
+    'vendor/simple-grid/simple-grid';
+
+// 3. Utilities
+@import
+    'utils/reset',
+    'utils/a11y',
+    'utils/responsive',
+    'utils/helpers';
+
+// 4. Base stuff
+@import
+    'base/base',
+    'base/fonts',
+    'base/images',
+    'base/forms',
+    'base/typography';
+
+// 5. Layout-related sections
+@import
+    'layout/main',
+    'layout/header',
+    'layout/footer';
+
+// 6. Components
+@import
+    'components/buttons',
+    'components/nav';
+
+// 7. Page-specific styles
+@import
+    'pages/home';

assets/sass/base/_base.scss

@@ -0,0 +1,35 @@
+body {
+    color: $base-colour;
+    font-family: $base-font-stack;
+    @include font-size($base-font-size);
+    line-height: $base-line-height;
+}
+
+h1, 
+h2, 
+h3, 
+h4, 
+h5, 
+h6, 
+p, 
+hr, 
+ul, 
+ol,
+dl,
+address {
+    margin-bottom: $base-spacing-unit;
+}
+
+
+/**
+ * Basic styles for links
+ */
+
+a {
+    color: $brand-color;
+    text-decoration: none;
+    &:hover {
+        color: $text-color;
+        text-decoration: underline;
+    }
+}

assets/sass/base/_fonts.scss

@@ -0,0 +1,3 @@
+// -----------------------------------------------------------------------------
+// This file contains all @font-face declarations, if any.
+// -----------------------------------------------------------------------------

assets/sass/base/_images.scss

@@ -0,0 +1,8 @@
+img {
+    max-width: 100%;
+    vertical-align: top;
+    &[width],
+    &[height] {
+        max-width: none;
+    }
+}

assets/sass/base/_lists.scss

@@ -0,0 +1,16 @@
+ul, 
+ol {
+    margin-left: $base-spacing-unit;
+}
+
+li {
+    > ul, 
+    > ol {
+        margin-bottom: 0;
+    }
+}
+
+.list--unstyled {
+  list-style: none;
+  margin-left: 0;
+}

assets/sass/utilities/_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;
+        }
+    }
+
+}

assets/scss/barebones.scss

@@ -1,42 +0,0 @@
-/**
-Theme Name: Bare Bones
-Theme URI: http://github.com/benchmarkstudios/barebones
-Author: Benchmark
-*/
-
-// 1. Vendors
-@import
-    'vendor/simple-grid/simple-grid';
-
-// 2. Configuration and helpers
-@import
-    'utilities/variables',
-    'utilities/mixins',
-    'utilities/reset',
-    'utilities/a11y',
-    'utilities/responsive',
-    'utilities/wordpress';
-
-// 3. Base stuff
-@import
-    'base/shared',
-    'base/images',
-    'base/forms',
-    'base/lists',
-    'base/headings',
-    'base/links';
-
-// 4. Layout-related sections
-@import
-    'layout/main',
-    'layout/header',
-    'layout/footer';
-
-// 5. Components
-@import
-    'modules/buttons',
-    'modules/nav';
-
-// 6. Page-specific styles
-@import
-    'pages/home';

assets/scss/base/_images.scss

@@ -1,8 +0,0 @@
-img {
-  max-width: 100%;
-  vertical-align: top;
-  &[width],
-  &[height] {
-    max-width: none;
-  }
-}

assets/scss/base/_links.scss

@@ -1,4 +0,0 @@
-a {
-  color: inherit;
-  text-decoration: none;
-}

assets/scss/base/_lists.scss

@@ -1,16 +0,0 @@
-ul, 
-ol {
-  margin-left: $base-spacing-unit;
-}
-
-li {
-  > ul, 
-  > ol {
-    margin-bottom: 0;
-  }
-}
-
-.list-unstyled {
-  list-style: none;
-  margin-left: 0;
-}

assets/scss/base/_shared.scss

@@ -1,21 +0,0 @@
-body {
-  color: $base-colour;
-  font-family: $base-font-stack;
-  @include font-size($base-font-size);
-  line-height: $base-line-height;
-}
-
-h1, 
-h2, 
-h3, 
-h4, 
-h5, 
-h6, 
-p, 
-hr, 
-ul, 
-ol,
-dl,
-address {
-  margin-bottom: $base-spacing-unit;
-}

assets/scss/utilities/_responsive.scss

@@ -1,18 +0,0 @@
-@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;
-    }
-  }
-
-}