Move scaffolding styles to separate file
This commit is contained in:
parent
54285c6dc5
commit
e6342df3b0
2 changed files with 54 additions and 54 deletions
53
public/stylesheets/_scaffolding.scss
Normal file
53
public/stylesheets/_scaffolding.scss
Normal file
|
@ -0,0 +1,53 @@
|
|||
html {
|
||||
box-sizing: border-box;
|
||||
font-size: 62.5%;
|
||||
}
|
||||
*, *:before, *:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 1.6rem;
|
||||
font-family: 'Source Sans Pro', sans-serif;
|
||||
color: #444444;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 100rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
|
||||
&:hover {
|
||||
color: #888;
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 10px;
|
||||
|
||||
&__nav {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,57 +1,4 @@
|
|||
html {
|
||||
box-sizing: border-box;
|
||||
font-size: 62.5%;
|
||||
}
|
||||
*, *:before, *:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 1.6rem;
|
||||
font-family: 'Source Sans Pro', sans-serif;
|
||||
color: #444444;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 100rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
|
||||
&:hover {
|
||||
color: #888;
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 10px;
|
||||
|
||||
&__nav {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@import "scaffolding";
|
||||
@import "table";
|
||||
@import "filters";
|
||||
@import "header";
|
||||
|
|
Loading…
Reference in a new issue