refactor css scaffold

Kikobeats · Jan 8, 2015 · 746a526 · 746a526
1 parent 350a639
commit 746a526
Show file tree

Hide file tree

Showing 11 changed files with 63 additions and 88 deletions.
diff --git a/assets/css/uno.css b/assets/css/uno.css
diff --git a/assets/css/uno.css.map b/assets/css/uno.css.map
diff --git a/assets/scss/media-queries.scss → assets/scss/components/_media-queries.scss b/assets/scss/media-queries.scss → assets/scss/components/_media-queries.scss
diff --git a/assets/scss/components/_post-list.scss b/assets/scss/components/_post-list.scss
diff --git a/assets/scss/sections/_post.scss → assets/scss/components/_post.scss b/assets/scss/sections/_post.scss → assets/scss/components/_post.scss
@@ -67,3 +67,55 @@
   }
 
 }
+
+// ------------------------------
+// POST LIST
+// ------------------------------
+
+.post-list {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  text-align: left;
+  li {
+    margin: 0 0 2.2em 0;
+    &:last-child {
+      hr {
+        display: none;
+      }
+    }
+  }
+}
+
+.post-list__post-title {
+  font-size: 1.5em;
+  line-height: 1.3em;
+  margin-top: 0;
+  margin-bottom: .2em;
+  //     a {
+    //   color: $gray-darkest;
+    //       &:hover {
+      //   color: $hover-color;
+      //
+    // }
+  // }
+}
+
+.post-list__meta {
+  font-size: .9em;
+  display: block;
+  margin: .7em 0 0 0;
+  color: darken($gray, 2%);
+}
+.post-list__meta--date {
+  margin-right: .5em;
+  color: darken($gray, 2%);
+}
+.post-list__meta--tags {
+  margin-left: .5em;
+}
+.post-list__divider {
+  width: 30%;
+  margin: 2.2em 0 2.1em 0;
+  border-top: 1px solid $gray-light;
+}
diff --git a/assets/scss/fonts.scss → assets/scss/modules/fonts.scss b/assets/scss/fonts.scss → assets/scss/modules/fonts.scss
diff --git a/assets/scss/global.scss → assets/scss/modules/global.scss b/assets/scss/global.scss → assets/scss/modules/global.scss
diff --git a/assets/scss/grid.scss → assets/scss/modules/grid.scss b/assets/scss/grid.scss → assets/scss/modules/grid.scss
diff --git a/assets/scss/reset.scss → assets/scss/modules/reset.scss b/assets/scss/reset.scss → assets/scss/modules/reset.scss
diff --git a/assets/scss/variables.scss → assets/scss/modules/variables.scss b/assets/scss/variables.scss → assets/scss/modules/variables.scss
diff --git a/assets/scss/uno.scss b/assets/scss/uno.scss
@@ -2,25 +2,14 @@
 @import url("http://fonts.googleapis.com/css?family=Raleway:400,700|Roboto+Slab:300,400");
 
 // ------------------------------
-// THE BASICS
+// MODULES
 // ------------------------------
 
-@import 'reset.scss';
-@import 'grid.scss';
-@import 'variables.scss';
-@import 'fonts.scss';
-
-// ------------------------------
-// GLOBAL STYLES
-// ------------------------------
-
-@import 'global.scss';
-
-// ------------------------------
-// SECTIONS
-// ------------------------------
-
-@import 'sections/post.scss';
+@import 'modules/reset.scss';
+@import 'modules/grid.scss';
+@import 'modules/variables.scss';
+@import 'modules/fonts.scss';
+@import 'modules/global.scss';
 
 // ------------------------------
 // COMPONENTS
@@ -31,15 +20,10 @@
 @import 'components/navigation.scss';
 @import 'components/pagination.scss';
 @import 'components/icons.scss';
-@import 'components/post-list.scss';
+@import 'components/post.scss';
 @import 'components/forms.scss';
 @import 'components/searchs.scss';
 @import 'components/images.scss';
 @import 'components/effects.scss';
 @import 'components/loading.scss';
-
-// ------------------------------
-// MEDIA QUERIES
-// ------------------------------
-
-@import 'media-queries.scss';
+@import 'components/media-queries.scss';