andy
/
CSSstart
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

files&folders

master
Andy 2021-01-26 17:13:40 +01:00
parent d706d5026b
commit 1d2dddb7e0
10 changed files with 139 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
assets/css/style.css 100644
View File

@ -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;
}

1
assets/css/style.min.css vendored 100644
View File

@ -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}

21
assets/package.json 100644
View File

@ -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"
]
}

10
assets/scss/inc/_font.scss 100644
View File

@ -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
assets/scss/inc/_form.scss 100644
View File

19
assets/scss/inc/_grid.scss 100644
View File

@ -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
assets/scss/inc/_nav.scss 100644
View File

16
assets/scss/inc/_variable.scss 100644
View File

@ -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;

6
assets/scss/style.scss 100644
View File

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

24
index.html 100644
View File

@ -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>