sparrow-jekyll-theme 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (121) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +20 -20
  3. data/README.md +170 -178
  4. data/_includes/analytics.html +13 -13
  5. data/_includes/breadcrumbs.html +31 -31
  6. data/_includes/comments.html +26 -26
  7. data/_includes/figure +12 -12
  8. data/_includes/paginator.html +8 -69
  9. data/_includes/post-entry.html +15 -15
  10. data/_includes/seo.html +77 -77
  11. data/_includes/social-share.html +42 -42
  12. data/_includes/topnav.html +46 -46
  13. data/_layouts/default.html +46 -46
  14. data/_layouts/home.html +11 -11
  15. data/_layouts/page.html +16 -16
  16. data/_layouts/post.html +38 -38
  17. data/_sass/_base.scss +359 -359
  18. data/_sass/_buttons.scss +61 -61
  19. data/_sass/_footer.scss +53 -53
  20. data/_sass/_navigation.scss +216 -216
  21. data/_sass/_page.scss +60 -60
  22. data/_sass/_post.scss +85 -85
  23. data/_sass/_reset.scss +186 -186
  24. data/_sass/_rrssb.scss +276 -276
  25. data/_sass/_slimmenu.scss +177 -177
  26. data/_sass/_syntax.scss +125 -125
  27. data/_sass/_utilities.scss +67 -67
  28. data/_sass/_variables.scss +73 -73
  29. data/_sass/vendor/breakpoint/_breakpoint.scss +114 -114
  30. data/_sass/vendor/breakpoint/_context.scss +94 -94
  31. data/_sass/vendor/breakpoint/_helpers.scss +151 -151
  32. data/_sass/vendor/breakpoint/_legacy-settings.scss +49 -49
  33. data/_sass/vendor/breakpoint/_no-query.scss +15 -15
  34. data/_sass/vendor/breakpoint/_parsers.scss +215 -215
  35. data/_sass/vendor/breakpoint/_respond-to.scss +82 -82
  36. data/_sass/vendor/breakpoint/_settings.scss +70 -70
  37. data/_sass/vendor/breakpoint/parsers/_double.scss +33 -33
  38. data/_sass/vendor/breakpoint/parsers/_query.scss +82 -82
  39. data/_sass/vendor/breakpoint/parsers/_resolution.scss +31 -31
  40. data/_sass/vendor/breakpoint/parsers/_single.scss +26 -26
  41. data/_sass/vendor/breakpoint/parsers/_triple.scss +36 -36
  42. data/_sass/vendor/breakpoint/parsers/double/_default-pair.scss +21 -21
  43. data/_sass/vendor/breakpoint/parsers/double/_default.scss +22 -22
  44. data/_sass/vendor/breakpoint/parsers/double/_double-string.scss +21 -21
  45. data/_sass/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -60
  46. data/_sass/vendor/breakpoint/parsers/single/_default.scss +13 -13
  47. data/_sass/vendor/breakpoint/parsers/triple/_default.scss +18 -18
  48. data/_sass/vendor/font-awesome/_animated.scss +34 -34
  49. data/_sass/vendor/font-awesome/_bordered-pulled.scss +25 -25
  50. data/_sass/vendor/font-awesome/_core.scss +12 -12
  51. data/_sass/vendor/font-awesome/_fixed-width.scss +6 -6
  52. data/_sass/vendor/font-awesome/_font-awesome.scss +18 -18
  53. data/_sass/vendor/font-awesome/_icons.scss +789 -789
  54. data/_sass/vendor/font-awesome/_larger.scss +13 -13
  55. data/_sass/vendor/font-awesome/_list.scss +19 -19
  56. data/_sass/vendor/font-awesome/_mixins.scss +60 -60
  57. data/_sass/vendor/font-awesome/_path.scss +15 -15
  58. data/_sass/vendor/font-awesome/_rotated-flipped.scss +20 -20
  59. data/_sass/vendor/font-awesome/_screen-reader.scss +5 -5
  60. data/_sass/vendor/font-awesome/_stacked.scss +20 -20
  61. data/_sass/vendor/font-awesome/_variables.scss +800 -800
  62. data/_sass/vendor/susy/_su.scss +4 -4
  63. data/_sass/vendor/susy/_susy.scss +4 -4
  64. data/_sass/vendor/susy/_susyone.scss +4 -4
  65. data/_sass/vendor/susy/susy/_su.scss +7 -7
  66. data/_sass/vendor/susy/susy/language/_susy.scss +24 -24
  67. data/_sass/vendor/susy/susy/language/_susyone.scss +13 -13
  68. data/_sass/vendor/susy/susy/language/susy/_background.scss +385 -385
  69. data/_sass/vendor/susy/susy/language/susy/_bleed.scss +200 -200
  70. data/_sass/vendor/susy/susy/language/susy/_box-sizing.scss +47 -47
  71. data/_sass/vendor/susy/susy/language/susy/_breakpoint-plugin.scss +185 -185
  72. data/_sass/vendor/susy/susy/language/susy/_container.scss +81 -81
  73. data/_sass/vendor/susy/susy/language/susy/_context.scss +36 -36
  74. data/_sass/vendor/susy/susy/language/susy/_gallery.scss +94 -94
  75. data/_sass/vendor/susy/susy/language/susy/_grids.scss +64 -64
  76. data/_sass/vendor/susy/susy/language/susy/_gutters.scss +154 -154
  77. data/_sass/vendor/susy/susy/language/susy/_isolate.scss +77 -77
  78. data/_sass/vendor/susy/susy/language/susy/_margins.scss +94 -94
  79. data/_sass/vendor/susy/susy/language/susy/_padding.scss +74 -74
  80. data/_sass/vendor/susy/susy/language/susy/_rows.scss +138 -138
  81. data/_sass/vendor/susy/susy/language/susy/_settings.scss +216 -216
  82. data/_sass/vendor/susy/susy/language/susy/_span.scss +163 -163
  83. data/_sass/vendor/susy/susy/language/susy/_validation.scss +16 -16
  84. data/_sass/vendor/susy/susy/language/susyone/_background.scss +18 -18
  85. data/_sass/vendor/susy/susy/language/susyone/_functions.scss +377 -377
  86. data/_sass/vendor/susy/susy/language/susyone/_grid.scss +312 -312
  87. data/_sass/vendor/susy/susy/language/susyone/_isolation.scss +51 -51
  88. data/_sass/vendor/susy/susy/language/susyone/_margin.scss +93 -93
  89. data/_sass/vendor/susy/susy/language/susyone/_media.scss +105 -105
  90. data/_sass/vendor/susy/susy/language/susyone/_padding.scss +92 -92
  91. data/_sass/vendor/susy/susy/language/susyone/_settings.scss +60 -60
  92. data/_sass/vendor/susy/susy/output/_float.scss +9 -9
  93. data/_sass/vendor/susy/susy/output/_shared.scss +15 -15
  94. data/_sass/vendor/susy/susy/output/_support.scss +9 -9
  95. data/_sass/vendor/susy/susy/output/float/_container.scss +16 -16
  96. data/_sass/vendor/susy/susy/output/float/_end.scss +40 -40
  97. data/_sass/vendor/susy/susy/output/float/_isolate.scss +22 -22
  98. data/_sass/vendor/susy/susy/output/float/_span.scss +35 -35
  99. data/_sass/vendor/susy/susy/output/shared/_background.scss +26 -26
  100. data/_sass/vendor/susy/susy/output/shared/_container.scss +21 -21
  101. data/_sass/vendor/susy/susy/output/shared/_direction.scss +42 -42
  102. data/_sass/vendor/susy/susy/output/shared/_inspect.scss +25 -25
  103. data/_sass/vendor/susy/susy/output/shared/_margins.scss +23 -23
  104. data/_sass/vendor/susy/susy/output/shared/_output.scss +14 -14
  105. data/_sass/vendor/susy/susy/output/shared/_padding.scss +23 -23
  106. data/_sass/vendor/susy/susy/output/support/_background.scss +58 -58
  107. data/_sass/vendor/susy/susy/output/support/_box-sizing.scss +19 -19
  108. data/_sass/vendor/susy/susy/output/support/_clearfix.scss +18 -18
  109. data/_sass/vendor/susy/susy/output/support/_prefix.scss +19 -19
  110. data/_sass/vendor/susy/susy/output/support/_rem.scss +22 -22
  111. data/_sass/vendor/susy/susy/output/support/_support.scss +85 -85
  112. data/_sass/vendor/susy/susy/su/_grid.scss +103 -103
  113. data/_sass/vendor/susy/susy/su/_settings.scss +73 -73
  114. data/_sass/vendor/susy/susy/su/_utilities.scss +111 -111
  115. data/_sass/vendor/susy/susy/su/_validation.scss +57 -57
  116. data/assets/css/main.scss +43 -43
  117. data/assets/fonts/fontawesome-webfont.svg +2671 -2671
  118. data/assets/js/main.js +35 -35
  119. data/assets/js/plugins/jquery-1.12.4.min.js +4 -4
  120. data/assets/js/slimmenu.js +154 -154
  121. metadata +6 -6
@@ -1,46 +1,46 @@
1
- ---
2
- ---
3
-
4
- <!doctype html>
5
- <html lang="en" class="no-js">
6
- <head>
7
- <meta charset="utf-8">
8
-
9
- {% include seo.html %}
10
-
11
- <link href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | absolute_url }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
12
-
13
- <!-- http://t.co/dKP3o1e -->
14
- <meta name="HandheldFriendly" content="True">
15
- <meta name="MobileOptimized" content="320">
16
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
17
-
18
- <script>
19
- document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
20
- </script>
21
-
22
- <!-- For all browsers -->
23
- <link href="https://fonts.googleapis.com/css?family=Gochi+Hand|Heebo:100,300,400,500,700,800,900" rel="stylesheet">
24
- <link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}">
25
- <link rel="shortcut icon" type="image/x-icon" href="{{ site.favicon | absolute_url }}">
26
- <meta http-equiv="cleartype" content="on">
27
- </head>
28
-
29
- <body class="layout--{{ page.layout | default: layout.layout }}{% if page.classes or layout.classes %}{{ page.classes | default: layout.classes | join: ' ' | prepend: ' ' }}{% endif %}">
30
-
31
- {{ content }}
32
-
33
- <div class="page__footer">
34
- <footer>
35
- <div class="page__footer-copyright">&copy; {{ site.time | date: '%Y' }} {{ site.author.name }}. Built using <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a> &amp; <a href="http://github.com/lingxz/sparrow" rel="nofollow">Sparrow theme</a> with <span class="page__footer-heart"><i class="fa fa-heart-o" aria-hidden="true"></i></span>.</div>
36
- </footer>
37
- </div>
38
-
39
- <script src="{{ '/assets/js/plugins/jquery-1.12.4.min.js' | absolute_url }}"></script>
40
- <script src="{{ '/assets/js/plugins/rrssb.min.js' | absolute_url }}"></script>
41
- <script src="{{ '/assets/js/slimmenu.js' | absolute_url }}"></script>
42
- <script src="{{ '/assets/js/main.js' | absolute_url }}"></script>
43
- {% include analytics.html %}
44
-
45
- </body>
46
- </html>
1
+ ---
2
+ ---
3
+
4
+ <!doctype html>
5
+ <html lang="en" class="no-js">
6
+ <head>
7
+ <meta charset="utf-8">
8
+
9
+ {% include seo.html %}
10
+
11
+ <link href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | absolute_url }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
12
+
13
+ <!-- http://t.co/dKP3o1e -->
14
+ <meta name="HandheldFriendly" content="True">
15
+ <meta name="MobileOptimized" content="320">
16
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
17
+
18
+ <script>
19
+ document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
20
+ </script>
21
+
22
+ <!-- For all browsers -->
23
+ <link href="https://fonts.googleapis.com/css?family=Gochi+Hand|Heebo:100,300,400,500,700,800,900" rel="stylesheet">
24
+ <link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}">
25
+ <link rel="shortcut icon" type="image/x-icon" href="{{ site.favicon | absolute_url }}">
26
+ <meta http-equiv="cleartype" content="on">
27
+ </head>
28
+
29
+ <body class="layout--{{ page.layout | default: layout.layout }}{% if page.classes or layout.classes %}{{ page.classes | default: layout.classes | join: ' ' | prepend: ' ' }}{% endif %}">
30
+
31
+ {{ content }}
32
+
33
+ <div class="page__footer">
34
+ <footer>
35
+ <div class="page__footer-copyright">&copy; {{ site.time | date: '%Y' }} {{ site.author.name }}. Built using <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a> &amp; <a href="http://github.com/lingxz/sparrow" rel="nofollow">Sparrow theme</a> with <span class="page__footer-heart"><i class="fa fa-heart-o" aria-hidden="true"></i></span>.</div>
36
+ </footer>
37
+ </div>
38
+
39
+ <script src="{{ '/assets/js/plugins/jquery-1.12.4.min.js' | absolute_url }}"></script>
40
+ <script src="{{ '/assets/js/plugins/rrssb.min.js' | absolute_url }}"></script>
41
+ <script src="{{ '/assets/js/slimmenu.js' | absolute_url }}"></script>
42
+ <script src="{{ '/assets/js/main.js' | absolute_url }}"></script>
43
+ {% include analytics.html %}
44
+
45
+ </body>
46
+ </html>
@@ -1,12 +1,12 @@
1
- ---
2
- layout: page
3
- title: About
4
- ---
5
-
6
- {{ content }}
7
-
8
- <h1 class="page__title">Recent Posts</h1>
9
-
10
- {% for post in site.posts limit:3 %}
11
- {% include post-entry.html %}
1
+ ---
2
+ layout: page
3
+ title: About
4
+ ---
5
+
6
+ {{ content }}
7
+
8
+ <h1 class="page__title">Recent Posts</h1>
9
+
10
+ {% for post in site.posts limit:3 %}
11
+ {% include post-entry.html %}
12
12
  {% endfor %}
@@ -1,17 +1,17 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- <div id="main" role="main">
6
- {% include topnav.html %}
7
-
8
- <div class="page">
9
- {% if page.title %}
10
- <h1 class="page__title">{{ page.title }}</h1>
11
- {% endif %}
12
- {% if page.subtitle %}
13
- <p class="page__subtitle">{{ page.subtitle }}</p>
14
- {% endif %}
15
- {{ content }}
16
- </div>
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div id="main" role="main">
6
+ {% include topnav.html %}
7
+
8
+ <div class="page">
9
+ {% if page.title %}
10
+ <h1 class="page__title">{{ page.title }}</h1>
11
+ {% endif %}
12
+ {% if page.subtitle %}
13
+ <p class="page__subtitle">{{ page.subtitle }}</p>
14
+ {% endif %}
15
+ {{ content }}
16
+ </div>
17
17
  </div>
@@ -1,38 +1,38 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- {% include breadcrumbs.html %}
6
-
7
- <div id="main" role="main">
8
- <article class="post" itemscope itemtype="http://schema.org/CreativeWork">
9
- {% if page.title %}<meta itemprop="headline" content="{{ page.title | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
10
- {% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
11
- {% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
12
- {% if page.modified %}<meta itemprop="dateModified" content="{{ page.modified | date: "%B %d, %Y" }}">{% endif %}
13
-
14
- <div class="post__inner-wrap">
15
- <header>
16
- {% if page.title %}<h1 class="post__title" itemprop="headline">{{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}</h1>{% endif %}
17
-
18
- {% if page.date %}
19
- <p class="post__meta"> <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }} </time></p>
20
- {% endif %}
21
- </header>
22
-
23
- <section class="post__content" itemprop="text">
24
- {{ content }}
25
-
26
- {% if page.share %}{% include social-share.html %}{% endif %}
27
-
28
- </section>
29
-
30
- </div>
31
-
32
- {% if site.comments and page.comments != false %}
33
- {% include comments.html %}
34
- {% endif %}
35
-
36
-
37
- </article>
38
- </div>
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% include breadcrumbs.html %}
6
+
7
+ <div id="main" role="main">
8
+ <article class="post" itemscope itemtype="http://schema.org/CreativeWork">
9
+ {% if page.title %}<meta itemprop="headline" content="{{ page.title | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
10
+ {% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
11
+ {% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
12
+ {% if page.modified %}<meta itemprop="dateModified" content="{{ page.modified | date: "%B %d, %Y" }}">{% endif %}
13
+
14
+ <div class="post__inner-wrap">
15
+ <header>
16
+ {% if page.title %}<h1 class="post__title" itemprop="headline">{{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}</h1>{% endif %}
17
+
18
+ {% if page.date %}
19
+ <p class="post__meta"> <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }} </time></p>
20
+ {% endif %}
21
+ </header>
22
+
23
+ <section class="post__content" itemprop="text">
24
+ {{ content }}
25
+
26
+ {% if page.share %}{% include social-share.html %}{% endif %}
27
+
28
+ </section>
29
+
30
+ </div>
31
+
32
+ {% if site.comments and page.comments != false %}
33
+ {% include comments.html %}
34
+ {% endif %}
35
+
36
+
37
+ </article>
38
+ </div>
@@ -1,359 +1,359 @@
1
- /* ==========================================================================
2
- BASE ELEMENTS
3
- ========================================================================== */
4
-
5
- %tab-focus {
6
- /* Default*/
7
- outline: thin dotted #f89406;
8
- /* Webkit*/
9
- outline: 5px auto #f89406;
10
- outline-offset: -2px;
11
- }
12
-
13
- @mixin clearfix {
14
- clear: both;
15
-
16
- &::after {
17
- clear: both;
18
- content: "";
19
- display: table;
20
- }
21
- }
22
-
23
- html {
24
- /* sticky footer fix */
25
- position: relative;
26
- min-height: 100%;
27
- }
28
-
29
- body {
30
- margin: 0;
31
- padding: 0;
32
- color: $text-color;
33
- font-family: $global-font-family;
34
- line-height: 1.5;
35
- color: $text-color;
36
-
37
- &.overflow--hidden {
38
- /* when primary navigation is visible, the content in the background won't scroll */
39
- overflow: hidden;
40
- }
41
- }
42
-
43
- h1, h2, h3, h4, h5, h6 {
44
- margin: 1em 0 0.5em;
45
- line-height: 1.2;
46
- font-family: $header-font-family;
47
- font-weight: normal;
48
- }
49
-
50
- h1 {
51
- margin-top: 0;
52
- font-size: $type-size-3;
53
- }
54
-
55
- h2 {
56
- font-size: $type-size-3;
57
- }
58
-
59
- h3 {
60
- font-size: $type-size-4;
61
- }
62
-
63
- h4 {
64
- font-size: $type-size-4;
65
- }
66
-
67
- h5 {
68
- font-size: $type-size-4;
69
- }
70
-
71
- h6 {
72
- font-size: $type-size-4;
73
- }
74
-
75
- small, .small {
76
- font-size: $type-size-7;
77
- }
78
-
79
- p {
80
- margin-bottom: 1.3em;
81
- }
82
-
83
- u,
84
- ins {
85
- text-decoration: none;
86
- border-bottom: 1px solid $text-color;
87
- a {
88
- color: inherit;
89
- }
90
- }
91
-
92
- del a {
93
- color: inherit;
94
- }
95
-
96
- /* reduce orphans and widows when printing */
97
-
98
- p, pre, blockquote, ul, ol, dl, figure, table, fieldset {
99
- orphans: 3;
100
- widows: 3;
101
- }
102
-
103
- /* abbreviations */
104
-
105
- abbr[title],
106
- abbr[data-original-title] {
107
- text-decoration: none;
108
- cursor: help;
109
- border-bottom: 1px dotted $text-color;
110
- }
111
-
112
- /* blockquotes */
113
-
114
- blockquote {
115
- background: $blockquote-background-color;
116
- border-radius: 1em;
117
- padding: 1em 3em;
118
- margin: 1em;
119
- position: relative;
120
- }
121
-
122
- blockquote:before {
123
- font-family: Georgia, serif;
124
- font-style: italic;
125
- display: block;
126
- content: "\201C";
127
- font-size: 7em;
128
- position: absolute;
129
- left: -0.2em;
130
- top: -0.2em;
131
- color: #7a7a7a;
132
- }
133
-
134
- blockquote cite {
135
- color: #999999;
136
- font-size: 0.9em;
137
- display: block;
138
- margin-top: 5px;
139
- text-align: right;
140
- }
141
-
142
- blockquote cite:before {
143
- content: "\2014 \2009";
144
- }
145
-
146
- blockquote p:last-child {
147
- margin: 0;
148
- }
149
-
150
- /* links */
151
-
152
- a {
153
- text-decoration: none;
154
- &:focus {
155
- @extend %tab-focus;
156
- }
157
-
158
- &:hover,
159
- &:active {
160
- outline: 0;
161
- }
162
-
163
- &:hover { color: $link-color-hover; }
164
- &:hover > image { opacity: 0.7; }
165
- }
166
-
167
- /* code */
168
-
169
- tt, code, kbd, samp, pre {
170
- font-family: $monospace;
171
- }
172
-
173
- pre {
174
- overflow-x: auto; /* add scrollbars to wide code blocks*/
175
- }
176
-
177
- p > code,
178
- a > code,
179
- li > code,
180
- figcaption > code,
181
- td > code {
182
- padding-top: 0.1rem;
183
- padding-bottom: 0.1rem;
184
- background: $code-background-color;
185
- border: 1px solid $border-color;
186
- border-radius: $border-radius;
187
-
188
- &:before, &:after {
189
- letter-spacing: -0.2em;
190
- content: "\00a0"; /* non-breaking space*/
191
- }
192
- }
193
-
194
- /* horizontal rule */
195
-
196
- hr {
197
- display: block;
198
- margin: 1em 0;
199
- border: 0;
200
- border-top: 1px solid $border-color;
201
- }
202
-
203
- /* lists */
204
-
205
- ul li,
206
- ol li {
207
- margin-bottom: 0.5em;
208
- }
209
-
210
- li ul,
211
- li ol {
212
- margin-top: 0.5em;
213
- }
214
-
215
- /*
216
- Media and embeds
217
- ========================================================================== */
218
-
219
- /* Figures and images */
220
-
221
- figure {
222
- display: -webkit-box;
223
- display: flex;
224
- -webkit-box-pack: justify;
225
- justify-content: space-between;
226
- -webkit-box-align: start;
227
- align-items: flex-start;
228
- flex-wrap: wrap;
229
- margin: 2em 0;
230
-
231
- img,
232
- iframe,
233
- .fluid-width-video-wrapper {
234
- margin-bottom: 1em;
235
- }
236
-
237
- img {
238
- width: 100%;
239
- border-radius: $border-radius;
240
- -webkit-transition: $global-transition;
241
- transition: $global-transition;
242
- }
243
-
244
- > a {
245
- display: block;
246
- }
247
-
248
- &.half {
249
- > a,
250
- > img {
251
- @include breakpoint($small) {
252
- width: calc(50% - 0.5em);
253
- }
254
- }
255
-
256
- figcaption {
257
- width: 100%;
258
- }
259
- }
260
-
261
- &.third {
262
- > a,
263
- > img {
264
- @include breakpoint($small) {
265
- width: calc(33.3333% - 0.5em);
266
- }
267
- }
268
-
269
- figcaption {
270
- width: 100%;
271
- }
272
- }
273
- }
274
-
275
- /* Figure captions */
276
-
277
- figcaption {
278
- margin-bottom: 0.5em;
279
- color: mix(#fff, $text-color, 25%);
280
- font-family: $caption-font-family;
281
- font-size: $type-size-6;
282
-
283
- a {
284
- color: inherit;
285
- text-decoration: none;
286
- border-bottom: 1px solid $border-color;
287
- -webkit-transition: $global-transition;
288
- transition: $global-transition;
289
-
290
- &:hover {
291
- color: #000;
292
- border-bottom-color: #000;
293
- }
294
- }
295
- }
296
-
297
-
298
- /* Fix IE9 SVG bug */
299
-
300
- svg:not(:root) {
301
- overflow: hidden;
302
- }
303
-
304
- /*
305
- Navigation lists
306
- ========================================================================== */
307
-
308
- /**
309
- * Removes margins, padding, and bullet points from navigation lists
310
- *
311
- * Example usage:
312
- * <nav>
313
- * <ul>
314
- * <li><a href="#link-1">Link 1</a></li>
315
- * <li><a href="#link-2">Link 2</a></li>
316
- * <li><a href="#link-3">Link 3</a></li>
317
- * </ul>
318
- * </nav>
319
- */
320
-
321
- nav {
322
- ul {
323
- margin: 0;
324
- padding: 0;
325
- }
326
-
327
- li {
328
- list-style: none;
329
- }
330
-
331
- a {
332
- text-decoration: none;
333
- }
334
-
335
- /* override white-space for nested lists */
336
- ul li,
337
- ol li {
338
- margin-bottom: 0;
339
- }
340
-
341
- li ul,
342
- li ol {
343
- margin-top: 0;
344
- }
345
- }
346
-
347
- /*
348
- Global animation transition
349
- ========================================================================== */
350
-
351
-
352
- b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a, tr, td, form button, textarea, input[type="submit"], .btn, .highlight, .archive__item-teaser {
353
- -webkit-transition: $global-transition;
354
- transition: $global-transition;
355
- }
356
-
357
- input, textarea, input[type="submit"] {
358
- font-family: $global-font-family;
359
- }
1
+ /* ==========================================================================
2
+ BASE ELEMENTS
3
+ ========================================================================== */
4
+
5
+ %tab-focus {
6
+ /* Default*/
7
+ outline: thin dotted #f89406;
8
+ /* Webkit*/
9
+ outline: 5px auto #f89406;
10
+ outline-offset: -2px;
11
+ }
12
+
13
+ @mixin clearfix {
14
+ clear: both;
15
+
16
+ &::after {
17
+ clear: both;
18
+ content: "";
19
+ display: table;
20
+ }
21
+ }
22
+
23
+ html {
24
+ /* sticky footer fix */
25
+ position: relative;
26
+ min-height: 100%;
27
+ }
28
+
29
+ body {
30
+ margin: 0;
31
+ padding: 0;
32
+ color: $text-color;
33
+ font-family: $global-font-family;
34
+ line-height: 1.5;
35
+ color: $text-color;
36
+
37
+ &.overflow--hidden {
38
+ /* when primary navigation is visible, the content in the background won't scroll */
39
+ overflow: hidden;
40
+ }
41
+ }
42
+
43
+ h1, h2, h3, h4, h5, h6 {
44
+ margin: 1em 0 0.5em;
45
+ line-height: 1.2;
46
+ font-family: $header-font-family;
47
+ font-weight: normal;
48
+ }
49
+
50
+ h1 {
51
+ margin-top: 0;
52
+ font-size: $type-size-3;
53
+ }
54
+
55
+ h2 {
56
+ font-size: $type-size-3;
57
+ }
58
+
59
+ h3 {
60
+ font-size: $type-size-4;
61
+ }
62
+
63
+ h4 {
64
+ font-size: $type-size-4;
65
+ }
66
+
67
+ h5 {
68
+ font-size: $type-size-4;
69
+ }
70
+
71
+ h6 {
72
+ font-size: $type-size-4;
73
+ }
74
+
75
+ small, .small {
76
+ font-size: $type-size-7;
77
+ }
78
+
79
+ p {
80
+ margin-bottom: 1.3em;
81
+ }
82
+
83
+ u,
84
+ ins {
85
+ text-decoration: none;
86
+ border-bottom: 1px solid $text-color;
87
+ a {
88
+ color: inherit;
89
+ }
90
+ }
91
+
92
+ del a {
93
+ color: inherit;
94
+ }
95
+
96
+ /* reduce orphans and widows when printing */
97
+
98
+ p, pre, blockquote, ul, ol, dl, figure, table, fieldset {
99
+ orphans: 3;
100
+ widows: 3;
101
+ }
102
+
103
+ /* abbreviations */
104
+
105
+ abbr[title],
106
+ abbr[data-original-title] {
107
+ text-decoration: none;
108
+ cursor: help;
109
+ border-bottom: 1px dotted $text-color;
110
+ }
111
+
112
+ /* blockquotes */
113
+
114
+ blockquote {
115
+ background: $blockquote-background-color;
116
+ border-radius: 1em;
117
+ padding: 1em 3em;
118
+ margin: 1em;
119
+ position: relative;
120
+ }
121
+
122
+ blockquote:before {
123
+ font-family: Georgia, serif;
124
+ font-style: italic;
125
+ display: block;
126
+ content: "\201C";
127
+ font-size: 7em;
128
+ position: absolute;
129
+ left: -0.2em;
130
+ top: -0.2em;
131
+ color: #7a7a7a;
132
+ }
133
+
134
+ blockquote cite {
135
+ color: #999999;
136
+ font-size: 0.9em;
137
+ display: block;
138
+ margin-top: 5px;
139
+ text-align: right;
140
+ }
141
+
142
+ blockquote cite:before {
143
+ content: "\2014 \2009";
144
+ }
145
+
146
+ blockquote p:last-child {
147
+ margin: 0;
148
+ }
149
+
150
+ /* links */
151
+
152
+ a {
153
+ text-decoration: none;
154
+ &:focus {
155
+ @extend %tab-focus;
156
+ }
157
+
158
+ &:hover,
159
+ &:active {
160
+ outline: 0;
161
+ }
162
+
163
+ &:hover { color: $link-color-hover; }
164
+ &:hover > image { opacity: 0.7; }
165
+ }
166
+
167
+ /* code */
168
+
169
+ tt, code, kbd, samp, pre {
170
+ font-family: $monospace;
171
+ }
172
+
173
+ pre {
174
+ overflow-x: auto; /* add scrollbars to wide code blocks*/
175
+ }
176
+
177
+ p > code,
178
+ a > code,
179
+ li > code,
180
+ figcaption > code,
181
+ td > code {
182
+ padding-top: 0.1rem;
183
+ padding-bottom: 0.1rem;
184
+ background: $code-background-color;
185
+ border: 1px solid $border-color;
186
+ border-radius: $border-radius;
187
+
188
+ &:before, &:after {
189
+ letter-spacing: -0.2em;
190
+ content: "\00a0"; /* non-breaking space*/
191
+ }
192
+ }
193
+
194
+ /* horizontal rule */
195
+
196
+ hr {
197
+ display: block;
198
+ margin: 1em 0;
199
+ border: 0;
200
+ border-top: 1px solid $border-color;
201
+ }
202
+
203
+ /* lists */
204
+
205
+ ul li,
206
+ ol li {
207
+ margin-bottom: 0.5em;
208
+ }
209
+
210
+ li ul,
211
+ li ol {
212
+ margin-top: 0.5em;
213
+ }
214
+
215
+ /*
216
+ Media and embeds
217
+ ========================================================================== */
218
+
219
+ /* Figures and images */
220
+
221
+ figure {
222
+ display: -webkit-box;
223
+ display: flex;
224
+ -webkit-box-pack: justify;
225
+ justify-content: space-between;
226
+ -webkit-box-align: start;
227
+ align-items: flex-start;
228
+ flex-wrap: wrap;
229
+ margin: 2em 0;
230
+
231
+ img,
232
+ iframe,
233
+ .fluid-width-video-wrapper {
234
+ margin-bottom: 1em;
235
+ }
236
+
237
+ img {
238
+ width: 100%;
239
+ border-radius: $border-radius;
240
+ -webkit-transition: $global-transition;
241
+ transition: $global-transition;
242
+ }
243
+
244
+ > a {
245
+ display: block;
246
+ }
247
+
248
+ &.half {
249
+ > a,
250
+ > img {
251
+ @include breakpoint($small) {
252
+ width: calc(50% - 0.5em);
253
+ }
254
+ }
255
+
256
+ figcaption {
257
+ width: 100%;
258
+ }
259
+ }
260
+
261
+ &.third {
262
+ > a,
263
+ > img {
264
+ @include breakpoint($small) {
265
+ width: calc(33.3333% - 0.5em);
266
+ }
267
+ }
268
+
269
+ figcaption {
270
+ width: 100%;
271
+ }
272
+ }
273
+ }
274
+
275
+ /* Figure captions */
276
+
277
+ figcaption {
278
+ margin-bottom: 0.5em;
279
+ color: mix(#fff, $text-color, 25%);
280
+ font-family: $caption-font-family;
281
+ font-size: $type-size-6;
282
+
283
+ a {
284
+ color: inherit;
285
+ text-decoration: none;
286
+ border-bottom: 1px solid $border-color;
287
+ -webkit-transition: $global-transition;
288
+ transition: $global-transition;
289
+
290
+ &:hover {
291
+ color: #000;
292
+ border-bottom-color: #000;
293
+ }
294
+ }
295
+ }
296
+
297
+
298
+ /* Fix IE9 SVG bug */
299
+
300
+ svg:not(:root) {
301
+ overflow: hidden;
302
+ }
303
+
304
+ /*
305
+ Navigation lists
306
+ ========================================================================== */
307
+
308
+ /**
309
+ * Removes margins, padding, and bullet points from navigation lists
310
+ *
311
+ * Example usage:
312
+ * <nav>
313
+ * <ul>
314
+ * <li><a href="#link-1">Link 1</a></li>
315
+ * <li><a href="#link-2">Link 2</a></li>
316
+ * <li><a href="#link-3">Link 3</a></li>
317
+ * </ul>
318
+ * </nav>
319
+ */
320
+
321
+ nav {
322
+ ul {
323
+ margin: 0;
324
+ padding: 0;
325
+ }
326
+
327
+ li {
328
+ list-style: none;
329
+ }
330
+
331
+ a {
332
+ text-decoration: none;
333
+ }
334
+
335
+ /* override white-space for nested lists */
336
+ ul li,
337
+ ol li {
338
+ margin-bottom: 0;
339
+ }
340
+
341
+ li ul,
342
+ li ol {
343
+ margin-top: 0;
344
+ }
345
+ }
346
+
347
+ /*
348
+ Global animation transition
349
+ ========================================================================== */
350
+
351
+
352
+ b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a, tr, td, form button, textarea, input[type="submit"], .btn, .highlight, .archive__item-teaser {
353
+ -webkit-transition: $global-transition;
354
+ transition: $global-transition;
355
+ }
356
+
357
+ input, textarea, input[type="submit"] {
358
+ font-family: $global-font-family;
359
+ }