jekyll-theme-basically-basic 1.3.1 → 1.4.0

Sign up to get free protection for your applications and to get access to all the features.
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
+ // }