• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1// Bits and pieces from Minima Jekyll Layout
2// The MIT License (MIT) Copyright (c) 2016 Parker Moor
3
4// Reset some basic elements
5body, h1, h2, h3, h4, h5, h6,
6p, blockquote, pre, hr,
7dl, dd, ol, ul, figure {
8  margin: 0;
9  padding: 0;
10}
11
12// Basic styling
13body {
14  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
15  color: $text-color;
16  background-color: $background-color;
17  -webkit-text-size-adjust: 100%;
18  -webkit-font-feature-settings: "kern" 1;
19     -moz-font-feature-settings: "kern" 1;
20       -o-font-feature-settings: "kern" 1;
21          font-feature-settings: "kern" 1;
22  font-kerning: normal;
23}
24
25// Set `margin-bottom` to maintain vertical rhythm
26h1, h2, h3, h4, h5, h6,
27p, blockquote, pre,
28ul, ol, dl, figure,
29%vertical-rhythm {
30  margin-bottom: $spacing-unit / 2;
31}
32
33// Lists
34ul, ol {
35  margin-left: $spacing-unit;
36}
37
38li {
39  > ul,
40  > ol {
41    margin-bottom: 0;
42  }
43}
44
45// Links
46a {
47  color: $brand-color;
48  text-decoration: none;
49
50  &:visited {
51    color: darken($brand-color, 15%);
52  }
53
54  &:hover {
55    color: $text-color;
56    text-decoration: underline;
57  }
58}
59
60// Blockquotes
61blockquote {
62  color: $grey-color;
63  border-left: 4px solid $grey-color-light;
64  padding-left: $spacing-unit / 2;
65  font-size: 18px;
66  letter-spacing: -1px;
67  font-style: italic;
68
69  > :last-child {
70    margin-bottom: 0;
71  }
72}
73
74// Wrapper
75.wrapper {
76  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
77  max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
78  margin-right: auto;
79  margin-left: auto;
80  padding-right: $spacing-unit;
81  padding-left: $spacing-unit;
82  @extend %clearfix;
83
84  @include media-query($on-laptop) {
85    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
86    max-width:         calc(#{$content-width} - (#{$spacing-unit}));
87    padding-right: $spacing-unit / 2;
88    padding-left: $spacing-unit / 2;
89  }
90}
91
92// Clearfix
93%clearfix:after {
94  content: "";
95  display: table;
96  clear: both;
97}
98