files&folders

assets/css/style.css

@@ -0,0 +1,42 @@
+/* Colors */
+/* Widths */
+body {
+  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+  font-size: 1.6em;
+  font-weight: 300;
+  letter-spacing: .01em;
+  line-height: 1.6;
+}
+
+h1 {
+  font-family: monospace;
+}
+
+body {
+  background-color: #ddd;
+  color: #66b400;
+}
+
+*,
+*:after,
+*:before {
+  box-sizing: inherit;
+}
+
+html {
+  box-sizing: border-box;
+  font-size: 62.5%;
+}
+
+.float-right {
+  float: right;
+}
+
+.float-left {
+  float: left;
+}
+
+main {
+  max-width: 1040px;
+  margin: 0 auto;
+}

assets/css/style.min.css

@@ -0,0 +1 @@
+body{font-family:'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}h1{font-family:monospace}body{background-color:#ddd;color:#66b400}*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}.float-right{float:right}.float-left{float:left}main{max-width:1040px;margin:0 auto}

assets/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "andy",
+  "version": "1.0.0",
+  "description": "scss_starter",
+  "main": "index",
+  "scripts": {
+    "scss": "node-sass scss/style.scss css/style.css --output-style expanded",
+    "cssmin": "node-sass css/style.css css/style.min.css --output-style compressed",
+    "build:css": "npm run scss && npm run cssmin",
+    "watch:css": "onchange 'scss/*.scss' 'scss/inc/*.scss' -- npm run build:css"
+  },
+  "author": "tuc2",
+  "license": "WTFPL",
+  "repository": {
+    "type": "git",
+    "url": "local"
+  },
+  "keywords": [
+    "scss_starter"
+  ]
+}

assets/scss/inc/_font.scss

@@ -0,0 +1,10 @@
+body{
+    font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+    font-size: 1.6em;
+    font-weight: 300;
+    letter-spacing: .01em;
+    line-height: 1.6;
+  }
+  h1{
+    font-family: monospace;
+  }

assets/scss/inc/_grid.scss

@@ -0,0 +1,19 @@
+*,
+*:after,
+*:before{
+  box-sizing: inherit;
+}
+html{
+  box-sizing: border-box;
+  font-size: 62.5%;
+}
+.float-right{
+  float: right;
+}
+.float-left{
+  float: left;
+}
+main{
+  max-width: $wrapper;
+  margin: 0 auto;
+}

assets/scss/inc/_variable.scss

@@ -0,0 +1,16 @@
+$font: "Source Sans Pro", sans-serif;
+
+
+/* Colors */
+
+$bg:#ddd;
+$white: #ffffff;
+$black: #191919;
+$primary: #66b400;
+$success: #4DAF7C;
+$danger: #E6623C;
+
+
+/* Widths */
+
+$wrapper: 1040px;

assets/scss/style.scss

@@ -0,0 +1,6 @@
+@import "inc/variable";
+@import "inc/font";
+@import "inc/general";
+@import "inc/grid";
+@import "inc/nav";
+@import "inc/form";