blog/_sass/main.scss

103 lines
1.7 KiB
SCSS
Raw Normal View History

2018-05-28 19:19:14 +00:00
@import "breakpoints.scss";
2018-05-28 17:29:53 +00:00
@import "colors.scss";
2018-05-28 12:33:21 +00:00
@import "fonts.scss";
2018-05-28 19:19:14 +00:00
@import "mixins.scss";
2018-05-28 12:33:21 +00:00
@import "simple-grid.scss";
@import "syntax.scss";
body {
2018-05-28 19:38:09 +00:00
background-color: #f8f8f8;
2018-05-28 12:33:21 +00:00
font-family: "Roboto", sans-serif;
font-weight: 300;
}
2018-05-28 19:36:14 +00:00
* {
box-sizing: border-box;
}
2018-05-28 17:07:44 +00:00
a {
text-decoration: none;
}
small {
font-weight: 200;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
}
2018-05-28 12:33:21 +00:00
*::selection {
2018-05-28 17:29:53 +00:00
background-color: $brand;
2018-05-28 12:33:21 +00:00
color: #f0f0f0;
}
2018-05-28 17:07:44 +00:00
pre,
code {
2018-05-28 17:37:25 +00:00
* {
font-family: "RobotoMono", monospace;
font-weight: 300;
}
2018-05-28 12:33:21 +00:00
padding: 10px;
2018-05-28 17:43:03 +00:00
}
2018-05-28 19:40:46 +00:00
pre:not(.highlight) {
code {
color: #e83e8c;
}
2018-05-28 19:19:14 +00:00
}
pre {
border: 1px solid #000;
border-radius: 3px;
2018-05-28 20:13:57 +00:00
overflow-x: auto;
2018-05-28 19:19:14 +00:00
}
2018-05-28 17:43:03 +00:00
#navbar .link {
margin-right: 20px;
2018-05-28 19:19:14 +00:00
}
header {
2018-05-28 19:38:09 +00:00
padding-bottom: 32px;
2018-05-28 19:19:14 +00:00
padding-top: 30px;
border-top: 10px solid $brand;
list-style-type: none;
font-size: 1.3em;
2018-05-28 19:38:09 +00:00
background: #e8e8e8;
background: linear-gradient(#e8e8e8 0%, #f8f8f8 100%);
2018-05-28 19:19:14 +00:00
@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;
}
2018-05-28 12:33:21 +00:00
}