files&folders
Andy
parent
d706d5026b
commit
1d2dddb7e0
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
@ -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}
|
||||||
|
|
@ -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"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
@ -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;
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
@import "inc/variable";
|
||||||
|
@import "inc/font";
|
||||||
|
@import "inc/general";
|
||||||
|
@import "inc/grid";
|
||||||
|
@import "inc/nav";
|
||||||
|
@import "inc/form";
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>theme</title>
|
||||||
|
<link rel="stylesheet" href="assets/css/style.min.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
|
||||||
|
</header>
|
||||||
|
<nav>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
<main>
|
||||||
|
<h1>Hello World!</h1>
|
||||||
|
<p>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?</p>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue