jekyll-theme-basically-basic 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (195) hide show
  1. checksums.yaml +7 -0
  2. data/CHANGELOG.md +19 -0
  3. data/LICENSE.md +21 -0
  4. data/README.md +582 -0
  5. data/_includes/author +31 -0
  6. data/_includes/contact-list.html +27 -0
  7. data/_includes/cv/awards.html +24 -0
  8. data/_includes/cv/basics.html +69 -0
  9. data/_includes/cv/education.html +36 -0
  10. data/_includes/cv/interests.html +20 -0
  11. data/_includes/cv/intro.html +18 -0
  12. data/_includes/cv/languages.html +20 -0
  13. data/_includes/cv/publications.html +30 -0
  14. data/_includes/cv/references.html +24 -0
  15. data/_includes/cv/skills.html +20 -0
  16. data/_includes/cv/volunteer.html +46 -0
  17. data/_includes/cv/work.html +46 -0
  18. data/_includes/disqus_comments.html +17 -0
  19. data/_includes/entry.html +29 -0
  20. data/_includes/footer.html +9 -0
  21. data/_includes/google-analytics.html +9 -0
  22. data/_includes/head-feed.html +1 -0
  23. data/_includes/head-seo.html +1 -0
  24. data/_includes/head.html +35 -0
  25. data/_includes/icon-arrow-left.svg +1 -0
  26. data/_includes/icon-arrow-right.svg +1 -0
  27. data/_includes/icon-bitbucket.html +4 -0
  28. data/_includes/icon-bitbucket.svg +1 -0
  29. data/_includes/icon-calendar.svg +1 -0
  30. data/_includes/icon-codepen.html +4 -0
  31. data/_includes/icon-codepen.svg +1 -0
  32. data/_includes/icon-download.svg +1 -0
  33. data/_includes/icon-dribbble.html +4 -0
  34. data/_includes/icon-dribbble.svg +1 -0
  35. data/_includes/icon-email.svg +1 -0
  36. data/_includes/icon-facebook.html +4 -0
  37. data/_includes/icon-facebook.svg +1 -0
  38. data/_includes/icon-flickr.html +4 -0
  39. data/_includes/icon-flickr.svg +1 -0
  40. data/_includes/icon-github.html +4 -0
  41. data/_includes/icon-github.svg +1 -0
  42. data/_includes/icon-gitlab.html +4 -0
  43. data/_includes/icon-gitlab.svg +1 -0
  44. data/_includes/icon-googleplus.html +4 -0
  45. data/_includes/icon-googleplus.svg +1 -0
  46. data/_includes/icon-instagram.html +4 -0
  47. data/_includes/icon-instagram.svg +1 -0
  48. data/_includes/icon-lastfm.html +4 -0
  49. data/_includes/icon-lastfm.svg +1 -0
  50. data/_includes/icon-linkedin.html +4 -0
  51. data/_includes/icon-linkedin.svg +1 -0
  52. data/_includes/icon-pdf.svg +1 -0
  53. data/_includes/icon-pinterest.html +4 -0
  54. data/_includes/icon-pinterest.svg +1 -0
  55. data/_includes/icon-rss.svg +1 -0
  56. data/_includes/icon-soundcloud.html +4 -0
  57. data/_includes/icon-soundcloud.svg +1 -0
  58. data/_includes/icon-stackoverflow.html +4 -0
  59. data/_includes/icon-stackoverflow.svg +1 -0
  60. data/_includes/icon-stopwatch.svg +1 -0
  61. data/_includes/icon-tumblr.html +4 -0
  62. data/_includes/icon-tumblr.svg +1 -0
  63. data/_includes/icon-twitter.html +4 -0
  64. data/_includes/icon-twitter.svg +1 -0
  65. data/_includes/icon-xing.html +4 -0
  66. data/_includes/icon-xing.svg +1 -0
  67. data/_includes/icon-youtube.html +4 -0
  68. data/_includes/icon-youtube.svg +1 -0
  69. data/_includes/masthead.html +27 -0
  70. data/_includes/navigation.html +25 -0
  71. data/_includes/page-intro.html +42 -0
  72. data/_includes/posts-all.html +3 -0
  73. data/_includes/posts-paginated.html +16 -0
  74. data/_includes/read-time.html +13 -0
  75. data/_includes/scripts.html +5 -0
  76. data/_includes/skip-links.html +8 -0
  77. data/_layouts/about.html +21 -0
  78. data/_layouts/cv.html +28 -0
  79. data/_layouts/default.html +38 -0
  80. data/_layouts/home.html +30 -0
  81. data/_layouts/page.html +17 -0
  82. data/_layouts/post.html +20 -0
  83. data/_sass/basically-basic.scss +37 -0
  84. data/_sass/basically-basic/_base.scss +110 -0
  85. data/_sass/basically-basic/_buttons.scss +39 -0
  86. data/_sass/basically-basic/_contact-lists.scss +11 -0
  87. data/_sass/basically-basic/_entries.scss +155 -0
  88. data/_sass/basically-basic/_footer.scss +13 -0
  89. data/_sass/basically-basic/_global.scss +36 -0
  90. data/_sass/basically-basic/_icons.scss +43 -0
  91. data/_sass/basically-basic/_intro.scss +65 -0
  92. data/_sass/basically-basic/_layout.scss +178 -0
  93. data/_sass/basically-basic/_mixins.scss +7 -0
  94. data/_sass/basically-basic/_navicons.scss +144 -0
  95. data/_sass/basically-basic/_navigation.scss +51 -0
  96. data/_sass/basically-basic/_reset.scss +522 -0
  97. data/_sass/basically-basic/_sidebar.scss +177 -0
  98. data/_sass/basically-basic/_syntax-highlighting.scss +127 -0
  99. data/_sass/basically-basic/_tables.scss +42 -0
  100. data/_sass/basically-basic/_utilities.scss +5 -0
  101. data/_sass/basically-basic/_variables.scss +84 -0
  102. data/_sass/basically-basic/mixins/_clearfix.scss +11 -0
  103. data/_sass/basically-basic/mixins/_color.scss +21 -0
  104. data/_sass/basically-basic/mixins/_float.scss +15 -0
  105. data/_sass/basically-basic/mixins/_fluid-type.scss +33 -0
  106. data/_sass/basically-basic/mixins/_image.scss +38 -0
  107. data/_sass/basically-basic/mixins/_lists.scss +9 -0
  108. data/_sass/basically-basic/mixins/_text-truncate.scss +10 -0
  109. data/_sass/basically-basic/themes/_default.scss +5 -0
  110. data/_sass/basically-basic/themes/_night.scss +12 -0
  111. data/_sass/basically-basic/themes/_plum.scss +12 -0
  112. data/_sass/basically-basic/themes/_sea.scss +12 -0
  113. data/_sass/basically-basic/themes/_soft.scss +12 -0
  114. data/_sass/basically-basic/themes/_steel.scss +12 -0
  115. data/_sass/basically-basic/utilities/_accessibility.scss +54 -0
  116. data/_sass/basically-basic/utilities/_align.scss +64 -0
  117. data/_sass/basically-basic/utilities/_clearfix.scss +7 -0
  118. data/_sass/basically-basic/utilities/_float.scss +7 -0
  119. data/_sass/basically-basic/utilities/_text.scss +28 -0
  120. data/_sass/basically-basic/vendor/_breakpoint.scss +114 -0
  121. data/_sass/basically-basic/vendor/_su.scss +4 -0
  122. data/_sass/basically-basic/vendor/_susy.scss +4 -0
  123. data/_sass/basically-basic/vendor/_susyone.scss +4 -0
  124. data/_sass/basically-basic/vendor/breakpoint/_context.scss +95 -0
  125. data/_sass/basically-basic/vendor/breakpoint/_helpers.scss +151 -0
  126. data/_sass/basically-basic/vendor/breakpoint/_legacy-settings.scss +50 -0
  127. data/_sass/basically-basic/vendor/breakpoint/_no-query.scss +15 -0
  128. data/_sass/basically-basic/vendor/breakpoint/_parsers.scss +215 -0
  129. data/_sass/basically-basic/vendor/breakpoint/_respond-to.scss +82 -0
  130. data/_sass/basically-basic/vendor/breakpoint/_settings.scss +71 -0
  131. data/_sass/basically-basic/vendor/breakpoint/parsers/_double.scss +33 -0
  132. data/_sass/basically-basic/vendor/breakpoint/parsers/_query.scss +82 -0
  133. data/_sass/basically-basic/vendor/breakpoint/parsers/_resolution.scss +31 -0
  134. data/_sass/basically-basic/vendor/breakpoint/parsers/_single.scss +26 -0
  135. data/_sass/basically-basic/vendor/breakpoint/parsers/_triple.scss +36 -0
  136. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_default-pair.scss +21 -0
  137. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_default.scss +22 -0
  138. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_double-string.scss +22 -0
  139. data/_sass/basically-basic/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -0
  140. data/_sass/basically-basic/vendor/breakpoint/parsers/single/_default.scss +13 -0
  141. data/_sass/basically-basic/vendor/breakpoint/parsers/triple/_default.scss +18 -0
  142. data/_sass/basically-basic/vendor/susy/_su.scss +7 -0
  143. data/_sass/basically-basic/vendor/susy/language/_susy.scss +24 -0
  144. data/_sass/basically-basic/vendor/susy/language/_susyone.scss +13 -0
  145. data/_sass/basically-basic/vendor/susy/language/susy/_background.scss +385 -0
  146. data/_sass/basically-basic/vendor/susy/language/susy/_bleed.scss +200 -0
  147. data/_sass/basically-basic/vendor/susy/language/susy/_box-sizing.scss +47 -0
  148. data/_sass/basically-basic/vendor/susy/language/susy/_breakpoint-plugin.scss +185 -0
  149. data/_sass/basically-basic/vendor/susy/language/susy/_container.scss +81 -0
  150. data/_sass/basically-basic/vendor/susy/language/susy/_context.scss +36 -0
  151. data/_sass/basically-basic/vendor/susy/language/susy/_gallery.scss +94 -0
  152. data/_sass/basically-basic/vendor/susy/language/susy/_grids.scss +64 -0
  153. data/_sass/basically-basic/vendor/susy/language/susy/_gutters.scss +154 -0
  154. data/_sass/basically-basic/vendor/susy/language/susy/_isolate.scss +77 -0
  155. data/_sass/basically-basic/vendor/susy/language/susy/_margins.scss +94 -0
  156. data/_sass/basically-basic/vendor/susy/language/susy/_padding.scss +74 -0
  157. data/_sass/basically-basic/vendor/susy/language/susy/_rows.scss +138 -0
  158. data/_sass/basically-basic/vendor/susy/language/susy/_settings.scss +216 -0
  159. data/_sass/basically-basic/vendor/susy/language/susy/_span.scss +163 -0
  160. data/_sass/basically-basic/vendor/susy/language/susy/_validation.scss +16 -0
  161. data/_sass/basically-basic/vendor/susy/language/susyone/_background.scss +18 -0
  162. data/_sass/basically-basic/vendor/susy/language/susyone/_functions.scss +377 -0
  163. data/_sass/basically-basic/vendor/susy/language/susyone/_grid.scss +312 -0
  164. data/_sass/basically-basic/vendor/susy/language/susyone/_isolation.scss +51 -0
  165. data/_sass/basically-basic/vendor/susy/language/susyone/_margin.scss +93 -0
  166. data/_sass/basically-basic/vendor/susy/language/susyone/_media.scss +105 -0
  167. data/_sass/basically-basic/vendor/susy/language/susyone/_padding.scss +92 -0
  168. data/_sass/basically-basic/vendor/susy/language/susyone/_settings.scss +60 -0
  169. data/_sass/basically-basic/vendor/susy/output/_float.scss +9 -0
  170. data/_sass/basically-basic/vendor/susy/output/_shared.scss +15 -0
  171. data/_sass/basically-basic/vendor/susy/output/_support.scss +9 -0
  172. data/_sass/basically-basic/vendor/susy/output/float/_container.scss +16 -0
  173. data/_sass/basically-basic/vendor/susy/output/float/_end.scss +40 -0
  174. data/_sass/basically-basic/vendor/susy/output/float/_isolate.scss +22 -0
  175. data/_sass/basically-basic/vendor/susy/output/float/_span.scss +35 -0
  176. data/_sass/basically-basic/vendor/susy/output/shared/_background.scss +26 -0
  177. data/_sass/basically-basic/vendor/susy/output/shared/_container.scss +21 -0
  178. data/_sass/basically-basic/vendor/susy/output/shared/_direction.scss +42 -0
  179. data/_sass/basically-basic/vendor/susy/output/shared/_inspect.scss +25 -0
  180. data/_sass/basically-basic/vendor/susy/output/shared/_margins.scss +23 -0
  181. data/_sass/basically-basic/vendor/susy/output/shared/_output.scss +14 -0
  182. data/_sass/basically-basic/vendor/susy/output/shared/_padding.scss +23 -0
  183. data/_sass/basically-basic/vendor/susy/output/support/_background.scss +58 -0
  184. data/_sass/basically-basic/vendor/susy/output/support/_box-sizing.scss +19 -0
  185. data/_sass/basically-basic/vendor/susy/output/support/_clearfix.scss +18 -0
  186. data/_sass/basically-basic/vendor/susy/output/support/_prefix.scss +19 -0
  187. data/_sass/basically-basic/vendor/susy/output/support/_rem.scss +22 -0
  188. data/_sass/basically-basic/vendor/susy/output/support/_support.scss +85 -0
  189. data/_sass/basically-basic/vendor/susy/su/_grid.scss +103 -0
  190. data/_sass/basically-basic/vendor/susy/su/_settings.scss +73 -0
  191. data/_sass/basically-basic/vendor/susy/su/_utilities.scss +111 -0
  192. data/_sass/basically-basic/vendor/susy/su/_validation.scss +57 -0
  193. data/assets/javascripts/main.js +57 -0
  194. data/assets/stylesheets/main.scss +10 -0
  195. metadata +335 -0
@@ -0,0 +1,21 @@
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
+ <div class="entry-wrap">
10
+ <div class="entry-content">
11
+ {{ content }}
12
+ </div>
13
+ <aside class="entry-sidebar">
14
+ {% include author %}
15
+ <img class="author-picture" src="{{ author_picture }}" alt="{{ author_name }}">
16
+ </aside>
17
+ </div>
18
+
19
+ {% include footer.html %}
20
+ </div>
21
+ </main>
data/_layouts/cv.html ADDED
@@ -0,0 +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>
@@ -0,0 +1,38 @@
1
+ <!DOCTYPE html>
2
+ <!--
3
+ Basically Basic Jekyll Theme 1.0.0
4
+ Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
5
+ Free for personal and commercial use under the MIT license
6
+ https://github.com/mmistakes/jekyll-basically-theme/blob/master/LICENSE.md
7
+ -->
8
+ <html lang="{{ page.lang | default: site.lang | default: 'en-US' }}" class="no-js">
9
+ {% include head.html %}
10
+
11
+ <body class="layout--{{ page.layout | default: layout.layout }}{% if page.classes or layout.classes %}{{ page.classes | default: layout.classes | join: ' ' | prepend: ' ' }}{% endif %} {{ page.title | slugify }}">
12
+
13
+ {% include skip-links.html %}
14
+
15
+ <div class="sidebar-toggle-wrapper">
16
+ <a class="toggle navicon-button larr" href="#sidebar">
17
+ <span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
18
+ <div class="navicon"></div>
19
+ </a>
20
+ </div>
21
+
22
+ <div class="wrapper">
23
+ {% include masthead.html %}
24
+ {{ content }}
25
+ </div>
26
+
27
+ <div id="sidebar" class="sidebar">
28
+ <div class="inner">
29
+ {% include navigation.html %}
30
+ {% include contact-list.html %}
31
+ </div>
32
+ </div>
33
+
34
+ {% include scripts.html %}
35
+
36
+ </body>
37
+
38
+ </html>
@@ -0,0 +1,30 @@
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.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>
@@ -0,0 +1,17 @@
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>
@@ -0,0 +1,20 @@
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>
@@ -0,0 +1,37 @@
1
+ /*!
2
+ * Basically Basic Jekyll Theme 1.0.0
3
+ * Copyright 2017 Michael Rose - mademistakes | @mmistakes
4
+ * Free for personal and commercial use under the MIT license
5
+ * https://github.com/mmistakes/jekyll-theme-basically-basic/blob/master/LICENSE.md
6
+ */
7
+
8
+ /* Mixins and functions */
9
+ @import 'basically-basic/vendor/susy';
10
+ @import 'basically-basic/vendor/breakpoint';
11
+ @include breakpoint-set('to ems', true);
12
+ @import 'basically-basic/mixins';
13
+
14
+ /* Variables */
15
+ @import 'basically-basic/variables';
16
+
17
+ /* Core CSS */
18
+ @import 'basically-basic/reset';
19
+ @import 'basically-basic/base';
20
+ @import 'basically-basic/layout';
21
+ @import 'basically-basic/tables';
22
+
23
+ /* Components */
24
+ @import 'basically-basic/global';
25
+ @import 'basically-basic/sidebar';
26
+ @import 'basically-basic/navigation';
27
+ @import 'basically-basic/footer';
28
+ @import 'basically-basic/entries';
29
+ @import 'basically-basic/buttons';
30
+ @import 'basically-basic/icons';
31
+ @import 'basically-basic/intro';
32
+ @import 'basically-basic/navicons';
33
+ @import 'basically-basic/contact-lists';
34
+ @import 'basically-basic/syntax-highlighting';
35
+
36
+ /* Utility classes */
37
+ @import 'basically-basic/utilities';
@@ -0,0 +1,110 @@
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
+ }
@@ -0,0 +1,39 @@
1
+ /* ==========================================================================
2
+ Buttons
3
+ ========================================================================== */
4
+
5
+ .btn {
6
+ display: inline-block;
7
+ padding: 0.5em 1em;
8
+ border: 0;
9
+ border-radius: $border-radius;
10
+ background-color: $accent-color;
11
+ color: #fff;
12
+ font-weight: bold;
13
+ text-align: center;
14
+ text-decoration: none;
15
+ cursor: pointer;
16
+
17
+ &:hover {
18
+ background-color: tint($accent-color, 20%);
19
+ color: #fff;
20
+ }
21
+
22
+ &:focus {
23
+ background-color: shade($accent-color, 20%);
24
+ }
25
+
26
+ .icon {
27
+ margin-right: 0.5em;
28
+ }
29
+
30
+ /* block button fills width of parent container */
31
+ &--block {
32
+ display: block;
33
+ width: 100%;
34
+
35
+ + .btn--block {
36
+ margin-top: 1rem;
37
+ }
38
+ }
39
+ }
@@ -0,0 +1,11 @@
1
+ /* ==========================================================================
2
+ Contact lists
3
+ ========================================================================== */
4
+
5
+ .contact-list {
6
+ @include list-unstyled;
7
+
8
+ .icon {
9
+ margin-right: 0.25em;
10
+ }
11
+ }
@@ -0,0 +1,155 @@
1
+ /* ==========================================================================
2
+ Entries (Posts, collection documents, etc.)
3
+ ========================================================================== */
4
+
5
+ .entry {
6
+ @include clearfix();
7
+ margin-bottom: 2rem;
8
+ padding-bottom: 2rem;
9
+
10
+ &:not(:last-child) {
11
+ border-bottom: 1px solid $border-color;
12
+ }
13
+
14
+ a {
15
+ color: inherit;
16
+ }
17
+ }
18
+
19
+ .entry-title {
20
+ @include fluid-type($min-vw, $max-vw, 18px, 24px);
21
+ margin-bottom: 0.5rem;
22
+ color: tint($text-color, 25%);
23
+ line-height: inherit;
24
+
25
+ a {
26
+ text-decoration: none;
27
+ }
28
+ }
29
+
30
+ .entry-meta {
31
+ @include fluid-type($min-vw, $max-vw, 12px, 16px);
32
+ margin-bottom: 1rem;
33
+
34
+ a {
35
+ color: inherit;
36
+ }
37
+
38
+ .byline-item {
39
+
40
+ &:not(:first-child) {
41
+ margin-left: 1.5rem;
42
+ }
43
+ }
44
+
45
+ .icon {
46
+ margin-right: 0.5em;
47
+ fill: $accent-color;
48
+ }
49
+ }
50
+
51
+ /*
52
+ Entry list
53
+ ========================================================================== */
54
+
55
+ .entries {
56
+
57
+ .entry-title {
58
+ word-wrap: break-word; /* break long words that could overflow */
59
+
60
+ a:hover {
61
+ color: $accent-color;
62
+ }
63
+ }
64
+
65
+ .entry-excerpt {
66
+ @include breakpoint($medium) {
67
+ @include span(11 of 16);
68
+ }
69
+
70
+ /* normalize font sizes */
71
+ > * {
72
+ font-size: 1em;
73
+ }
74
+
75
+ /* remove space after last child element */
76
+ > *:last-child {
77
+ margin-bottom: 0;
78
+ }
79
+ }
80
+
81
+ .entry-content {
82
+ @include breakpoint($medium) {
83
+ @include span(11 of 16);
84
+ }
85
+
86
+ /* remove space after last child element */
87
+ > *:last-child {
88
+ margin-bottom: 0;
89
+ }
90
+ }
91
+
92
+ .entry-meta {
93
+ @include breakpoint($medium) {
94
+ @include span(5 of 16 last);
95
+ @include prefix(1 of 16);
96
+ }
97
+
98
+ ul {
99
+ @include list-unstyled();
100
+
101
+ @include breakpoint(max-width $medium) {
102
+ li {
103
+ display: inline-block;
104
+ margin-right: 1.5rem;
105
+ }
106
+ }
107
+
108
+ @include breakpoint($medium) {
109
+ li {
110
+ padding-bottom: 0.5rem;
111
+ }
112
+ }
113
+ }
114
+ }
115
+
116
+ > .summary {
117
+
118
+ > p:first-child {
119
+ font-size: 1.125em;
120
+ line-height: 1.625;
121
+ }
122
+ }
123
+ }
124
+
125
+ .entry-content {
126
+
127
+ > p:first-child {
128
+ font-size: 1.125em;
129
+ line-height: 1.625;
130
+ }
131
+
132
+ h1,
133
+ h2,
134
+ h3,
135
+ h4,
136
+ h5,
137
+ h6 {
138
+ color: tint($text-color, 25%);
139
+ }
140
+ }
141
+
142
+ /* Footnotes */
143
+ .footnotes {
144
+ margin: 2rem 0;
145
+ padding-top: 1rem;
146
+ border-top: 1px solid $border-color;
147
+ font-size: 80%;
148
+ }
149
+
150
+ /* Read more link */
151
+ .more-link {
152
+ font-size: 75%;
153
+ font-weight: bold;
154
+ text-decoration: none;
155
+ }