jekyll-theme-basically-basic 1.3.1 → 1.4.0

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 (160) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +18 -0
  3. data/README.md +150 -42
  4. data/_includes/author +30 -30
  5. data/_includes/contact-list.html +27 -27
  6. data/_includes/cv/awards.html +23 -23
  7. data/_includes/cv/basics.html +68 -68
  8. data/_includes/cv/education.html +36 -36
  9. data/_includes/cv/interests.html +19 -19
  10. data/_includes/cv/intro.html +18 -18
  11. data/_includes/cv/languages.html +19 -19
  12. data/_includes/cv/publications.html +29 -29
  13. data/_includes/cv/references.html +23 -23
  14. data/_includes/cv/volunteer.html +46 -46
  15. data/_includes/cv/work.html +46 -46
  16. data/_includes/disqus_comments.html +16 -16
  17. data/_includes/documents-collection.html +19 -0
  18. data/_includes/entry.html +37 -29
  19. data/_includes/footer.html +11 -9
  20. data/_includes/google-analytics.html +8 -8
  21. data/_includes/head.html +35 -35
  22. data/_includes/icon-bitbucket.html +4 -4
  23. data/_includes/icon-codepen.html +4 -4
  24. data/_includes/icon-dribbble.html +4 -4
  25. data/_includes/icon-facebook.html +4 -4
  26. data/_includes/icon-flickr.html +4 -4
  27. data/_includes/icon-github.html +4 -4
  28. data/_includes/icon-gitlab.html +4 -4
  29. data/_includes/icon-googleplus.html +4 -4
  30. data/_includes/icon-instagram.html +4 -4
  31. data/_includes/icon-lastfm.html +4 -4
  32. data/_includes/icon-linkedin.html +4 -4
  33. data/_includes/icon-pinterest.html +4 -4
  34. data/_includes/icon-soundcloud.html +4 -4
  35. data/_includes/icon-stackoverflow.html +4 -4
  36. data/_includes/icon-tumblr.html +4 -4
  37. data/_includes/icon-twitter.html +4 -4
  38. data/_includes/icon-xing.html +4 -4
  39. data/_includes/icon-youtube.html +4 -4
  40. data/_includes/masthead.html +27 -27
  41. data/_includes/navigation.html +25 -25
  42. data/_includes/page-intro.html +42 -42
  43. data/_includes/page-tags.html +14 -0
  44. data/_includes/posts-all.html +2 -2
  45. data/_includes/posts-category.html +3 -0
  46. data/_includes/posts-paginated.html +15 -15
  47. data/_includes/posts-tag.html +3 -0
  48. data/_includes/read-time.html +13 -13
  49. data/_includes/search-form.html +14 -13
  50. data/_includes/search/algolia-search-scripts.html +52 -52
  51. data/_includes/search/lunr-search-scripts.html +1 -1
  52. data/_includes/skip-links.html +8 -8
  53. data/_layouts/about.html +0 -2
  54. data/_layouts/categories.html +48 -0
  55. data/_layouts/category.html +9 -0
  56. data/_layouts/collection.html +9 -0
  57. data/_layouts/cv.html +28 -28
  58. data/_layouts/default.html +2 -1
  59. data/_layouts/home.html +28 -30
  60. data/_layouts/page.html +15 -17
  61. data/_layouts/post.html +18 -20
  62. data/_layouts/posts.html +29 -0
  63. data/_layouts/tag.html +9 -0
  64. data/_layouts/tags.html +48 -0
  65. data/_sass/basically-basic.scss +1 -1
  66. data/_sass/basically-basic/_base.scss +116 -118
  67. data/_sass/basically-basic/_contact-lists.scss +11 -11
  68. data/_sass/basically-basic/_entries.scss +230 -152
  69. data/_sass/basically-basic/_footer.scss +37 -13
  70. data/_sass/basically-basic/_functions.scss +2 -2
  71. data/_sass/basically-basic/_global.scss +116 -42
  72. data/_sass/basically-basic/_icons.scss +43 -43
  73. data/_sass/basically-basic/_intro.scss +3 -1
  74. data/_sass/basically-basic/_layout.scss +188 -188
  75. data/_sass/basically-basic/_mixins.scss +5 -5
  76. data/_sass/basically-basic/_navicons.scss +148 -148
  77. data/_sass/basically-basic/_navigation.scss +66 -66
  78. data/_sass/basically-basic/_print.scss +252 -252
  79. data/_sass/basically-basic/_reset.scss +522 -522
  80. data/_sass/basically-basic/_responsive-embed.scss +70 -70
  81. data/_sass/basically-basic/_search.scss +101 -101
  82. data/_sass/basically-basic/_sidebar.scss +166 -166
  83. data/_sass/basically-basic/_tables.scss +34 -34
  84. data/_sass/basically-basic/_utilities.scss +6 -6
  85. data/_sass/basically-basic/_variables.scss +3 -0
  86. data/_sass/basically-basic/functions/_color.scss +21 -21
  87. data/_sass/basically-basic/functions/_fluid-type.scss +33 -33
  88. data/_sass/basically-basic/mixins/_clearfix.scss +11 -11
  89. data/_sass/basically-basic/mixins/_float.scss +15 -15
  90. data/_sass/basically-basic/mixins/_image.scss +38 -38
  91. data/_sass/basically-basic/mixins/_lists.scss +9 -9
  92. data/_sass/basically-basic/mixins/_text-truncate.scss +10 -10
  93. data/_sass/basically-basic/themes/_default.scss +5 -5
  94. data/_sass/basically-basic/themes/_night.scss +12 -12
  95. data/_sass/basically-basic/themes/_plum.scss +12 -12
  96. data/_sass/basically-basic/themes/_sea.scss +12 -12
  97. data/_sass/basically-basic/utilities/_accessibility.scss +43 -43
  98. data/_sass/basically-basic/utilities/_align.scss +62 -62
  99. data/_sass/basically-basic/utilities/_clearfix.scss +7 -7
  100. data/_sass/basically-basic/utilities/_float.scss +7 -7
  101. data/_sass/basically-basic/utilities/_text.scss +28 -28
  102. data/_sass/basically-basic/utilities/_visibility.scss +32 -32
  103. data/_sass/basically-basic/vendor/breakpoint/_breakpoint.scss +114 -114
  104. data/_sass/basically-basic/vendor/breakpoint/_context.scss +94 -94
  105. data/_sass/basically-basic/vendor/breakpoint/_helpers.scss +151 -151
  106. data/_sass/basically-basic/vendor/breakpoint/_legacy-settings.scss +49 -49
  107. data/_sass/basically-basic/vendor/breakpoint/_no-query.scss +15 -15
  108. data/_sass/basically-basic/vendor/breakpoint/_parsers.scss +215 -215
  109. data/_sass/basically-basic/vendor/breakpoint/_respond-to.scss +82 -82
  110. data/_sass/basically-basic/vendor/breakpoint/_settings.scss +70 -70
  111. data/_sass/basically-basic/vendor/breakpoint/parsers/_double.scss +33 -33
  112. data/_sass/basically-basic/vendor/breakpoint/parsers/_query.scss +82 -82
  113. data/_sass/basically-basic/vendor/breakpoint/parsers/_resolution.scss +31 -31
  114. data/_sass/basically-basic/vendor/breakpoint/parsers/_single.scss +26 -26
  115. data/_sass/basically-basic/vendor/breakpoint/parsers/_triple.scss +36 -36
  116. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_default-pair.scss +21 -21
  117. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_default.scss +22 -22
  118. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_double-string.scss +21 -21
  119. data/_sass/basically-basic/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -60
  120. data/_sass/basically-basic/vendor/breakpoint/parsers/single/_default.scss +13 -13
  121. data/_sass/basically-basic/vendor/breakpoint/parsers/triple/_default.scss +18 -18
  122. data/_sass/basically-basic/vendor/susy/_su.scss +4 -4
  123. data/_sass/basically-basic/vendor/susy/_susy-prefix.scss +13 -13
  124. data/_sass/basically-basic/vendor/susy/_susy.scss +5 -5
  125. data/_sass/basically-basic/vendor/susy/plugins/_svg-grid.scss +5 -5
  126. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_prefix.scss +7 -7
  127. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-api.scss +114 -114
  128. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-grid-math.scss +67 -67
  129. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-settings.scss +14 -14
  130. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-unprefix.scss +18 -18
  131. data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-utilities.scss +133 -133
  132. data/_sass/basically-basic/vendor/susy/susy/_api.scss +318 -318
  133. data/_sass/basically-basic/vendor/susy/susy/_normalize.scss +261 -261
  134. data/_sass/basically-basic/vendor/susy/susy/_parse.scss +163 -163
  135. data/_sass/basically-basic/vendor/susy/susy/_settings.scss +329 -329
  136. data/_sass/basically-basic/vendor/susy/susy/_su-math.scss +441 -441
  137. data/_sass/basically-basic/vendor/susy/susy/_su-validate.scss +213 -213
  138. data/_sass/basically-basic/vendor/susy/susy/_syntax-helpers.scss +191 -191
  139. data/_sass/basically-basic/vendor/susy/susy/_unprefix.scss +56 -56
  140. data/_sass/basically-basic/vendor/susy/susy/_utilities.scss +167 -167
  141. data/assets/javascripts/lunr/lunr.da.min.js +17 -17
  142. data/assets/javascripts/lunr/lunr.de.min.js +17 -17
  143. data/assets/javascripts/lunr/lunr.du.min.js +17 -17
  144. data/assets/javascripts/lunr/lunr.es.min.js +17 -17
  145. data/assets/javascripts/lunr/lunr.fi.min.js +17 -17
  146. data/assets/javascripts/lunr/lunr.fr.min.js +17 -17
  147. data/assets/javascripts/lunr/lunr.hu.min.js +17 -17
  148. data/assets/javascripts/lunr/lunr.it.min.js +17 -17
  149. data/assets/javascripts/lunr/lunr.jp.min.js +1 -1
  150. data/assets/javascripts/lunr/lunr.min.js +6 -6
  151. data/assets/javascripts/lunr/lunr.no.min.js +17 -17
  152. data/assets/javascripts/lunr/lunr.pt.min.js +17 -17
  153. data/assets/javascripts/lunr/lunr.ro.min.js +17 -17
  154. data/assets/javascripts/lunr/lunr.ru.min.js +17 -17
  155. data/assets/javascripts/lunr/lunr.sv.min.js +17 -17
  156. data/assets/javascripts/lunr/lunr.tr.min.js +17 -17
  157. data/assets/javascripts/main.js +12 -12
  158. data/assets/javascripts/search-data.json +43 -27
  159. data/assets/stylesheets/main.scss +9 -9
  160. metadata +21 -5
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: page
3
+ ---
4
+
5
+ {{ content }}
6
+
7
+ <div class="entries-{{ page.entries_layout | default: 'list' }}">
8
+ {% include posts-category.html taxonomy=page.taxonomy %}
9
+ </div>
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: page
3
+ ---
4
+
5
+ {{ content }}
6
+
7
+ <div class="entries-{{ page.entries_layout | default: 'list' }}">
8
+ {% include documents-collection.html collection=page.collection sort_by=page.sort_by sort_order=page.sort_order %}
9
+ </div>
@@ -1,28 +1,28 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- {% assign cv = site.data.cv %}
6
- {% include cv/intro.html %}
7
-
8
- <main id="main" class="page-content" aria-label="Content">
9
- <div class="index inner">
10
- <div>{{ content }}</div>
11
- <div>
12
- <div class="entries">
13
- {% include cv/basics.html %}
14
- {% include cv/work.html %}
15
- {% include cv/volunteer.html %}
16
- {% include cv/education.html %}
17
- {% include cv/awards.html %}
18
- {% include cv/publications.html %}
19
- {% include cv/skills.html %}
20
- {% include cv/languages.html %}
21
- {% include cv/interests.html %}
22
- {% include cv/references.html %}
23
- </div>
24
- </div>
25
-
26
- {% include footer.html %}
27
- </div>
28
- </main>
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% assign cv = site.data.cv %}
6
+ {% include cv/intro.html %}
7
+
8
+ <main id="main" class="page-content" aria-label="Content">
9
+ <div class="index inner">
10
+ <div>{{ content }}</div>
11
+ <div>
12
+ <div class="entries">
13
+ {% include cv/basics.html %}
14
+ {% include cv/work.html %}
15
+ {% include cv/volunteer.html %}
16
+ {% include cv/education.html %}
17
+ {% include cv/awards.html %}
18
+ {% include cv/publications.html %}
19
+ {% include cv/skills.html %}
20
+ {% include cv/languages.html %}
21
+ {% include cv/interests.html %}
22
+ {% include cv/references.html %}
23
+ </div>
24
+ </div>
25
+
26
+ {% include footer.html %}
27
+ </div>
28
+ </main>
@@ -1,6 +1,6 @@
1
1
  <!DOCTYPE html>
2
2
  <!--
3
- Basically Basic Jekyll Theme 1.3.1
3
+ Basically Basic Jekyll Theme 1.4.0
4
4
  Copyright 2017-2018 Michael Rose - mademistakes.com | @mmistakes
5
5
  Free for personal and commercial use under the MIT license
6
6
  https://github.com/mmistakes/jekyll-basically-theme/blob/master/LICENSE.md
@@ -50,6 +50,7 @@
50
50
  </div>
51
51
  </div>
52
52
 
53
+ {% include footer.html %}
53
54
  {% include scripts.html %}
54
55
 
55
56
  </body>
@@ -1,30 +1,28 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- {% include page-intro.html %}
6
-
7
- <main id="main" class="page-content" aria-label="Content">
8
- <div class="index inner">
9
- <div>{{ content }}</div>
10
-
11
- <div>
12
- <header class="section-title">
13
- <h2>{{ site.data.theme.t.posts | default: 'Posts' }}{% if paginator.page > 1 %}{{ site.data.theme.t.page | default: 'Page' | prepend: ' - ' | append: ' ' }}{{ paginator.page }} {{ site.data.theme.t.of | default: 'of' }} {{ paginator.total_pages }}{% endif %}</h2>
14
- </header>
15
- <div class="entries">
16
- {% if site.plugins contains 'jekyll-paginate' and page.paginate or site.gems contains 'jekyll-paginate' and page.paginate %}
17
- {% comment %}
18
- Add paginator.posts loop if jekyll-paginate plugin is enabled
19
- and page.paginate == true
20
- {% endcomment %}
21
- {% include posts-paginated.html %}
22
- {% else %}
23
- {% include posts-all.html %}
24
- {% endif %}
25
- </div>
26
- </div>
27
-
28
- {% include footer.html %}
29
- </div>
30
- </main>
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% include page-intro.html %}
6
+
7
+ <main id="main" class="page-content" aria-label="Content">
8
+ <div class="index inner">
9
+ <div>{{ content }}</div>
10
+
11
+ <div>
12
+ <header class="section-title">
13
+ <h2>{{ site.data.theme.t.posts | default: 'Posts' }}{% if paginator.page > 1 %}{{ site.data.theme.t.page | default: 'Page' | prepend: ' - ' | append: ' ' }}{{ paginator.page }} {{ site.data.theme.t.of | default: 'of' }} {{ paginator.total_pages }}{% endif %}</h2>
14
+ </header>
15
+ <div class="entries-{{ page.entries_layout | default: 'list' }}">
16
+ {% if site.plugins contains 'jekyll-paginate' and page.paginate or site.gems contains 'jekyll-paginate' and page.paginate %}
17
+ {% comment %}
18
+ Add paginator.posts loop if jekyll-paginate plugin is enabled
19
+ and page.paginate == true
20
+ {% endcomment %}
21
+ {% include posts-paginated.html %}
22
+ {% else %}
23
+ {% include posts-all.html %}
24
+ {% endif %}
25
+ </div>
26
+ </div>
27
+ </div>
28
+ </main>
@@ -1,17 +1,15 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- {% include page-intro.html %}
6
-
7
- <main id="main" class="page-content" aria-label="Content">
8
- <div class="inner">
9
- <article class="entry-wrap">
10
- <div class="entry-content">
11
- {{ content }}
12
- </div>
13
- </article>
14
-
15
- {% include footer.html %}
16
- </div>
17
- </main>
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% include page-intro.html %}
6
+
7
+ <main id="main" class="page-content" aria-label="Content">
8
+ <div class="inner">
9
+ <article class="entry-wrap">
10
+ <div class="entry-content">
11
+ {{ content }}
12
+ </div>
13
+ </article>
14
+ </div>
15
+ </main>
@@ -1,20 +1,18 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- {% include page-intro.html %}
6
-
7
- <main id="main" class="page-content" aria-label="Content">
8
- <div class="inner">
9
- <article class="entry-wrap">
10
- <div class="entry-content">
11
- {{ content }}
12
- </div>
13
- {% if site.disqus.shortname %}
14
- {% include disqus_comments.html %}
15
- {% endif %}
16
- </article>
17
-
18
- {% include footer.html %}
19
- </div>
20
- </main>
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% include page-intro.html %}
6
+
7
+ <main id="main" class="page-content" aria-label="Content">
8
+ <div class="inner">
9
+ <article class="entry-wrap">
10
+ <div class="entry-content">
11
+ {{ content }}
12
+ </div>
13
+ {% if site.disqus.shortname %}
14
+ {% include disqus_comments.html %}
15
+ {% endif %}
16
+ </article>
17
+ </div>
18
+ </main>
@@ -0,0 +1,29 @@
1
+ ---
2
+ layout: page
3
+ ---
4
+
5
+ {{ content }}
6
+
7
+ <ul class="taxonomy-index">
8
+ {% assign postsInYear = site.posts | group_by_exp: 'post', 'post.date | date: "%Y"' %}
9
+ {% for year in postsInYear %}
10
+ <li>
11
+ <a href="#{{ year.name }}">
12
+ <strong>{{ year.name }}</strong> <span class="taxonomy-count">{{ year.items | size }}</span>
13
+ </a>
14
+ </li>
15
+ {% endfor %}
16
+ </ul>
17
+
18
+ {% assign postsByYear = site.posts | group_by_exp: 'post', 'post.date | date: "%Y"' %}
19
+ {% for year in postsByYear %}
20
+ <section id="{{ year.name }}" class="taxonomy-section">
21
+ <h2 class="taxonomy-title">{{ year.name }}</h2>
22
+ <div class="entries-{{ page.entries_layout | default: 'list' }}">
23
+ {% for post in year.items %}
24
+ {% include entry.html %}
25
+ {% endfor %}
26
+ </div>
27
+ <a href="#page-title" class="back-to-top">{{ site.data.text[site.locale].back_to_top | default: 'Back to Top' }} &uarr;</a>
28
+ </section>
29
+ {% endfor %}
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: page
3
+ ---
4
+
5
+ {{ content }}
6
+
7
+ <div class="entries-{{ page.entries_layout | default: 'list' }}">
8
+ {% include posts-tag.html taxonomy=page.taxonomy %}
9
+ </div>
@@ -0,0 +1,48 @@
1
+ ---
2
+ layout: page
3
+ ---
4
+
5
+ {{ content }}
6
+
7
+ <ul class="taxonomy-index">
8
+ {% assign tags_max = 0 %}
9
+ {% for tag in site.tags %}
10
+ {% if tag[1].size > tags_max %}
11
+ {% assign tags_max = tag[1].size %}
12
+ {% endif %}
13
+ {% endfor %}
14
+ {% for i in (1..tags_max) reversed %}
15
+ {% for tag in site.tags %}
16
+ {% if tag[1].size == i %}
17
+ <li>
18
+ <a href="#{{ tag[0] | slugify }}">
19
+ <strong>{{ tag[0] }}</strong> <span class="taxonomy-count">{{ i }}</span>
20
+ </a>
21
+ </li>
22
+ {% endif %}
23
+ {% endfor %}
24
+ {% endfor %}
25
+ </ul>
26
+
27
+ {% assign tags_max = 0 %}
28
+ {% for tag in site.tags %}
29
+ {% if tag[1].size > tags_max %}
30
+ {% assign tags_max = tag[1].size %}
31
+ {% endif %}
32
+ {% endfor %}
33
+
34
+ {% for i in (1..tags_max) reversed %}
35
+ {% for tag in site.tags %}
36
+ {% if tag[1].size == i %}
37
+ <section id="{{ tag[0] | slugify | downcase }}" class="taxonomy-section">
38
+ <h2 class="taxonomy-title">{{ tag[0] }}</h2>
39
+ <div class="entries-{{ page.entries_layout | default: 'list' }}">
40
+ {% for post in tag.last %}
41
+ {% include entry.html %}
42
+ {% endfor %}
43
+ </div>
44
+ <a href="#page-title" class="back-to-top">{{ site.data.text[site.locale].back_to_top | default: 'Back to Top' }} &uarr;</a>
45
+ </section>
46
+ {% endif %}
47
+ {% endfor %}
48
+ {% endfor %}
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Basically Basic Jekyll Theme 1.3.1
2
+ * Basically Basic Jekyll Theme 1.4.0
3
3
  * Copyright 2017-2018 Michael Rose - mademistakes | @mmistakes
4
4
  * Free for personal and commercial use under the MIT license
5
5
  * https://github.com/mmistakes/jekyll-theme-basically-basic/blob/master/LICENSE.md
@@ -1,118 +1,116 @@
1
- /* ==========================================================================
2
- Base elements
3
- ========================================================================== */
4
-
5
- html {
6
- @include fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size);
7
- }
8
-
9
- body {
10
- display: -ms-flexbox;
11
- display: flex;
12
- background: $background-color;
13
- color: $text-color;
14
- }
15
-
16
- blockquote,
17
- q {
18
- color: tint($text-color, 40%);
19
- font-style: italic;
20
-
21
- cite {
22
- font-size: 80%;
23
- font-style: normal;
24
- font-weight: bold;
25
-
26
- &::before {
27
- padding-right: 0.25rem;
28
- content: '\2014';
29
- }
30
- }
31
- }
32
-
33
- code,
34
- kbd,
35
- samp,
36
- pre {
37
- font-family: $monospace-font-family;
38
- }
39
-
40
- kbd {
41
- display: inline-block;
42
- margin: 0 0.125em;
43
- padding: 0.125em 0.5em;
44
- border: 1px solid rgb(204, 204, 204);
45
- border-radius: 3px;
46
- background-color: rgb(247, 247, 247);
47
- text-shadow: 0 1px 0 #fff;
48
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 0 0 2px #fff;
49
- }
50
-
51
- h1,
52
- h2,
53
- h3,
54
- h4,
55
- h5,
56
- h6 {
57
- font-family: $headline-font-family;
58
- text-rendering: optimizeLegibility; /* enable common ligatures and kerning */
59
- }
60
-
61
- h1 {
62
- @include fluid-type($min-vw, $max-vw, $h1-min, $h1-max);
63
- }
64
-
65
- h2 {
66
- @include fluid-type($min-vw, $max-vw, $h2-min, $h2-max);
67
- }
68
-
69
- h3 {
70
- @include fluid-type($min-vw, $max-vw, $h3-min, $h3-max);
71
- }
72
-
73
- h4 {
74
- @include fluid-type($min-vw, $max-vw, $h4-min, $h4-max);
75
- }
76
-
77
- h5 {
78
- @include fluid-type($min-vw, $max-vw, $h5-min, $h5-max);
79
- }
80
-
81
- h6 {
82
- @include fluid-type($min-vw, $max-vw, $h6-min, $h6-max);
83
- }
84
-
85
- dt {
86
- font-weight: bold;
87
-
88
- &:not(:first-child) {
89
- margin-top: 1rem;
90
- }
91
- }
92
-
93
- dd {
94
- margin: 0;
95
- }
96
-
97
- pre {
98
- @include fluid-type($min-vw, $max-vw, 12px, 14px);
99
- }
100
-
101
- figcaption {
102
- margin: 0.5rem 0;
103
- font-size: 80%;
104
- }
105
-
106
- a {
107
- color: $accent-color;
108
-
109
- &:hover {
110
- color: shade($accent-color, 25%);
111
- }
112
- }
113
-
114
- // *:focus {
115
- // border-color: $accent-color;
116
- // outline: none;
117
- // box-shadow: 0 0 10px $accent-color;
118
- // }
1
+ /* ==========================================================================
2
+ Base elements
3
+ ========================================================================== */
4
+
5
+ html {
6
+ @include fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size);
7
+ }
8
+
9
+ body {
10
+ background: $background-color;
11
+ color: $text-color;
12
+ }
13
+
14
+ blockquote,
15
+ q {
16
+ color: tint($text-color, 40%);
17
+ font-style: italic;
18
+
19
+ cite {
20
+ font-size: 80%;
21
+ font-style: normal;
22
+ font-weight: bold;
23
+
24
+ &::before {
25
+ padding-right: 0.25rem;
26
+ content: '\2014';
27
+ }
28
+ }
29
+ }
30
+
31
+ code,
32
+ kbd,
33
+ samp,
34
+ pre {
35
+ font-family: $monospace-font-family;
36
+ }
37
+
38
+ kbd {
39
+ display: inline-block;
40
+ margin: 0 0.125em;
41
+ padding: 0.125em 0.5em;
42
+ border: 1px solid rgb(204, 204, 204);
43
+ border-radius: 3px;
44
+ background-color: rgb(247, 247, 247);
45
+ text-shadow: 0 1px 0 #fff;
46
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 0 0 2px #fff;
47
+ }
48
+
49
+ h1,
50
+ h2,
51
+ h3,
52
+ h4,
53
+ h5,
54
+ h6 {
55
+ font-family: $headline-font-family;
56
+ text-rendering: optimizeLegibility; /* enable common ligatures and kerning */
57
+ }
58
+
59
+ h1 {
60
+ @include fluid-type($min-vw, $max-vw, $h1-min, $h1-max);
61
+ }
62
+
63
+ h2 {
64
+ @include fluid-type($min-vw, $max-vw, $h2-min, $h2-max);
65
+ }
66
+
67
+ h3 {
68
+ @include fluid-type($min-vw, $max-vw, $h3-min, $h3-max);
69
+ }
70
+
71
+ h4 {
72
+ @include fluid-type($min-vw, $max-vw, $h4-min, $h4-max);
73
+ }
74
+
75
+ h5 {
76
+ @include fluid-type($min-vw, $max-vw, $h5-min, $h5-max);
77
+ }
78
+
79
+ h6 {
80
+ @include fluid-type($min-vw, $max-vw, $h6-min, $h6-max);
81
+ }
82
+
83
+ dt {
84
+ font-weight: bold;
85
+
86
+ &:not(:first-child) {
87
+ margin-top: 1rem;
88
+ }
89
+ }
90
+
91
+ dd {
92
+ margin: 0;
93
+ }
94
+
95
+ pre {
96
+ @include fluid-type($min-vw, $max-vw, 12px, 14px);
97
+ }
98
+
99
+ figcaption {
100
+ margin: 0.5rem 0;
101
+ font-size: 80%;
102
+ }
103
+
104
+ a {
105
+ color: $accent-color;
106
+
107
+ &:hover {
108
+ color: shade($accent-color, 25%);
109
+ }
110
+ }
111
+
112
+ // *:focus {
113
+ // border-color: $accent-color;
114
+ // outline: none;
115
+ // box-shadow: 0 0 10px $accent-color;
116
+ // }