blog/_sass/main.scss
Michael Zhang 8eb181029e
minor'
2018-05-28 14:36:14 -05:00

98 lines
1.6 KiB
SCSS

@import "breakpoints.scss";
@import "colors.scss";
@import "fonts.scss";
@import "mixins.scss";
@import "simple-grid.scss";
@import "syntax.scss";
body {
background-color: #f0f0f0;
font-family: "Roboto", sans-serif;
font-weight: 300;
}
* {
box-sizing: border-box;
}
a {
text-decoration: none;
}
small {
font-weight: 200;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
}
*::selection {
background-color: $brand;
color: #f0f0f0;
}
pre,
code {
* {
font-family: "RobotoMono", monospace;
font-weight: 300;
}
padding: 10px;
}
code {
color: #e83e8c;
}
pre {
border: 1px solid #000;
border-radius: 3px;
}
#navbar .link {
margin-right: 20px;
}
header {
padding-bottom: 25px;
padding-top: 30px;
border-top: 10px solid $brand;
list-style-type: none;
font-size: 1.3em;
@include media-breakpoint-down(sm) {
padding-bottom: 0;
}
a.title {
@include media-breakpoint-down(sm) {
display: block;
text-align: center;
margin-right: 0;
margin-bottom: 20px;
font-size: 2em;
}
margin-right: 30px;
color: $brand;
font-size: 1.2em;
font-weight: 300;
}
div#nav {
display: inline;
}
@include media-breakpoint-down(sm) {
div#nav {
text-align: center;
display: block;
margin: auto;
}
}
a.link {
@include colored-link(1px, black);
margin-left: 10px;
margin-right: 10px;
}
}