2 | -----------------------------------------------------------------------------
4 | -----------------------------------------------------------------------------
7 $maxPageWidth : 1000px;
10 $c-baseNormal : #555555;
11 $c-grayNormal : #f7f7f7;
13 $c-grayDark : darken($c-grayNormal, 5);
14 $c-baseLight : lighten($c-baseNormal, 20);
17 | -----------------------------------------------------------------------------
19 | -----------------------------------------------------------------------------
21 @import "vendor/normalize";
22 @import "helpers/mixins";
23 @import "helpers/classes";
26 | -----------------------------------------------------------------------------
27 | Resets and html + body styles
28 | -----------------------------------------------------------------------------
31 box-sizing: border-box;
34 h1, h2, h3, p, ul, blockquote, pre {
45 background: $c-grayNormal;
49 font-family: 'Merriweather', serif;
53 | -----------------------------------------------------------------------------
55 | -----------------------------------------------------------------------------
60 text-decoration: none;
61 @include transition();
69 | -----------------------------------------------------------------------------
71 | -----------------------------------------------------------------------------
78 /* Fix iOS Safari scroll bug */
80 -webkit-overflow-scrolling: touch;
85 @include translateX(0);
87 @include breakpoint(mobile) {
88 @include transition(300ms);
92 @include breakpoint(mobile) {
93 .wrapper[data-menu-visible="1"] .viewport {
94 @include translateX($sidebarWidth);
105 @include breakpoint(desktop) {
109 @include breakpoint(mobile) {
110 left: -$sidebarWidth;
116 max-width: $maxPageWidth;
118 @include breakpoint(desktop) {
119 margin-left: $sidebarWidth;
124 | -----------------------------------------------------------------------------
126 | -----------------------------------------------------------------------------
132 background-position: 50% 50%;
133 background-size: cover;
152 border: 2px solid $c-white;
153 @include border-radius(40px);
157 h1, h2, .sidebar-menu, .sidebar-links {
174 padding-bottom: 20px;
175 border-bottom: 1px solid $c-grayDark;
193 | -----------------------------------------------------------------------------
195 | -----------------------------------------------------------------------------
204 display: inline-block;
218 @include border-radius(20px);
222 @include breakpoint(desktop) {
228 | -----------------------------------------------------------------------------
230 | -----------------------------------------------------------------------------
239 | -----------------------------------------------------------------------------
241 | -----------------------------------------------------------------------------
244 background: $c-white;
245 border-left: 1px solid $c-grayDark;
247 @include breakpoint(mobile) {
251 @include breakpoint(desktop) {
253 border-right: 1px solid $c-grayDark;
257 | ---------------------------------------------------------------------------
259 | ---------------------------------------------------------------------------
263 padding-bottom: 20px;
264 border-bottom: 1px solid $c-grayDark;
272 @media (min-width: 1200px) {
276 @media (max-width: 640px) and (min-width: 600px) {
280 @media (max-width: 1199px) and (min-width: 880px) {
286 | ---------------------------------------------------------------------------
288 | ---------------------------------------------------------------------------
291 .post-header, .post-footer {
295 border-top: 1px solid $c-grayNormal;
296 border-bottom: 1px solid $c-grayNormal;
311 | ---------------------------------------------------------------------------
313 | ---------------------------------------------------------------------------
330 | ---------------------------------------------------------------------------
331 | Post content - markdown
332 | ---------------------------------------------------------------------------
339 | ---------------------------------------------------------------------------
340 | Post meta block - tags, share links, etc.
341 | ---------------------------------------------------------------------------
350 text-transform: lowercase;
383 | ---------------------------------------------------------------------------
385 | ---------------------------------------------------------------------------