diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..4c862b2 --- /dev/null +++ b/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; +} diff --git a/assets/css/style.min.css b/assets/css/style.min.css new file mode 100644 index 0000000..0a7f907 --- /dev/null +++ b/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} diff --git a/assets/package.json b/assets/package.json new file mode 100644 index 0000000..185b475 --- /dev/null +++ b/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" + ] +} diff --git a/assets/scss/inc/_font.scss b/assets/scss/inc/_font.scss new file mode 100644 index 0000000..dc906c5 --- /dev/null +++ b/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; + } \ No newline at end of file diff --git a/assets/scss/inc/_form.scss b/assets/scss/inc/_form.scss new file mode 100644 index 0000000..e69de29 diff --git a/assets/scss/inc/_grid.scss b/assets/scss/inc/_grid.scss new file mode 100644 index 0000000..35427c9 --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/assets/scss/inc/_nav.scss b/assets/scss/inc/_nav.scss new file mode 100644 index 0000000..e69de29 diff --git a/assets/scss/inc/_variable.scss b/assets/scss/inc/_variable.scss new file mode 100644 index 0000000..0179a72 --- /dev/null +++ b/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; diff --git a/assets/scss/style.scss b/assets/scss/style.scss new file mode 100644 index 0000000..3ab707a --- /dev/null +++ b/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"; \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..96bfc9f --- /dev/null +++ b/index.html @@ -0,0 +1,24 @@ + + + + + + + theme + + + + +
+ +
+ +
+

Hello World!

+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magni beatae sed quos ad corporis, quod error ratione vero optio est tempora, pariatur architecto sapiente. Quaerat hic quod debitis et saepe?

+
+ + + \ No newline at end of file