sparrow-jekyll-theme 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
+ }