minimal-mistakes-jekyll 4.4.0 → 4.4.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (157) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +11 -0
  3. data/_includes/analytics-providers/custom.html +2 -2
  4. data/_includes/analytics-providers/google-universal.html +9 -9
  5. data/_includes/analytics-providers/google.html +10 -10
  6. data/_includes/analytics.html +11 -11
  7. data/_includes/archive-single.html +37 -37
  8. data/_includes/author-profile-custom-links.html +6 -6
  9. data/_includes/author-profile.html +241 -241
  10. data/_includes/base_path +4 -4
  11. data/_includes/breadcrumbs.html +38 -38
  12. data/_includes/browser-upgrade.html +2 -2
  13. data/_includes/category-list.html +25 -25
  14. data/_includes/comment.html +21 -21
  15. data/_includes/comments-providers/custom.html +2 -2
  16. data/_includes/comments-providers/discourse.html +13 -13
  17. data/_includes/comments-providers/disqus.html +21 -21
  18. data/_includes/comments-providers/facebook.html +7 -7
  19. data/_includes/comments-providers/google-plus.html +1 -1
  20. data/_includes/comments-providers/scripts.html +17 -17
  21. data/_includes/comments-providers/staticman.html +41 -41
  22. data/_includes/comments.html +83 -83
  23. data/_includes/feature_row +49 -49
  24. data/_includes/figure +12 -12
  25. data/_includes/footer.html +21 -21
  26. data/_includes/footer/custom.html +2 -2
  27. data/_includes/gallery +46 -46
  28. data/_includes/group-by-array +46 -46
  29. data/_includes/head.html +33 -33
  30. data/_includes/head/custom.html +4 -4
  31. data/_includes/masthead.html +20 -20
  32. data/_includes/nav_list +46 -46
  33. data/_includes/page__hero.html +53 -53
  34. data/_includes/page__hero_video.html +4 -4
  35. data/_includes/page__taxonomy.html +6 -6
  36. data/_includes/paginator.html +69 -69
  37. data/_includes/post_pagination.html +13 -13
  38. data/_includes/read-time.html +14 -14
  39. data/_includes/scripts.html +4 -4
  40. data/_includes/seo.html +147 -147
  41. data/_includes/sidebar.html +22 -22
  42. data/_includes/social-share.html +13 -13
  43. data/_includes/tag-list.html +25 -25
  44. data/_includes/toc +6 -6
  45. data/_includes/video +11 -11
  46. data/_layouts/archive-taxonomy.html +14 -14
  47. data/_layouts/archive.html +25 -25
  48. data/_layouts/compress.html +10 -10
  49. data/_layouts/default.html +1 -1
  50. data/_layouts/home.html +11 -11
  51. data/_layouts/single.html +74 -74
  52. data/_layouts/splash.html +21 -21
  53. data/_sass/minimal-mistakes.scss +1 -1
  54. data/_sass/minimal-mistakes/_masthead.scss +76 -76
  55. data/_sass/minimal-mistakes/_navigation.scss +557 -557
  56. data/_sass/minimal-mistakes/_page.scss +407 -407
  57. data/_sass/minimal-mistakes/_print.scss +237 -237
  58. data/_sass/minimal-mistakes/_reset.scss +186 -186
  59. data/_sass/minimal-mistakes/_sidebar.scss +230 -230
  60. data/_sass/minimal-mistakes/_syntax.scss +145 -145
  61. data/_sass/minimal-mistakes/vendor/breakpoint/_breakpoint.scss +114 -114
  62. data/_sass/minimal-mistakes/vendor/breakpoint/_context.scss +94 -94
  63. data/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss +151 -151
  64. data/_sass/minimal-mistakes/vendor/breakpoint/_legacy-settings.scss +49 -49
  65. data/_sass/minimal-mistakes/vendor/breakpoint/_no-query.scss +15 -15
  66. data/_sass/minimal-mistakes/vendor/breakpoint/_parsers.scss +215 -215
  67. data/_sass/minimal-mistakes/vendor/breakpoint/_respond-to.scss +82 -82
  68. data/_sass/minimal-mistakes/vendor/breakpoint/_settings.scss +70 -70
  69. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_double.scss +33 -33
  70. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_query.scss +82 -82
  71. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_resolution.scss +31 -31
  72. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_single.scss +26 -26
  73. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_triple.scss +36 -36
  74. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default-pair.scss +21 -21
  75. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default.scss +22 -22
  76. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_double-string.scss +21 -21
  77. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -60
  78. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/single/_default.scss +13 -13
  79. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/triple/_default.scss +18 -18
  80. data/_sass/minimal-mistakes/vendor/font-awesome/_animated.scss +34 -34
  81. data/_sass/minimal-mistakes/vendor/font-awesome/_bordered-pulled.scss +25 -25
  82. data/_sass/minimal-mistakes/vendor/font-awesome/_core.scss +12 -12
  83. data/_sass/minimal-mistakes/vendor/font-awesome/_fixed-width.scss +6 -6
  84. data/_sass/minimal-mistakes/vendor/font-awesome/_font-awesome.scss +18 -18
  85. data/_sass/minimal-mistakes/vendor/font-awesome/_icons.scss +789 -789
  86. data/_sass/minimal-mistakes/vendor/font-awesome/_larger.scss +13 -13
  87. data/_sass/minimal-mistakes/vendor/font-awesome/_list.scss +19 -19
  88. data/_sass/minimal-mistakes/vendor/font-awesome/_mixins.scss +60 -60
  89. data/_sass/minimal-mistakes/vendor/font-awesome/_path.scss +15 -15
  90. data/_sass/minimal-mistakes/vendor/font-awesome/_rotated-flipped.scss +20 -20
  91. data/_sass/minimal-mistakes/vendor/font-awesome/_screen-reader.scss +5 -5
  92. data/_sass/minimal-mistakes/vendor/font-awesome/_stacked.scss +20 -20
  93. data/_sass/minimal-mistakes/vendor/font-awesome/_variables.scss +800 -800
  94. data/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss +45 -45
  95. data/_sass/minimal-mistakes/vendor/susy/_su.scss +4 -4
  96. data/_sass/minimal-mistakes/vendor/susy/_susy.scss +4 -4
  97. data/_sass/minimal-mistakes/vendor/susy/_susyone.scss +4 -4
  98. data/_sass/minimal-mistakes/vendor/susy/susy/_su.scss +7 -7
  99. data/_sass/minimal-mistakes/vendor/susy/susy/language/_susy.scss +24 -24
  100. data/_sass/minimal-mistakes/vendor/susy/susy/language/_susyone.scss +13 -13
  101. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_background.scss +385 -385
  102. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_bleed.scss +200 -200
  103. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_box-sizing.scss +47 -47
  104. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_breakpoint-plugin.scss +185 -185
  105. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_container.scss +81 -81
  106. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_context.scss +36 -36
  107. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_gallery.scss +94 -94
  108. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_grids.scss +64 -64
  109. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_gutters.scss +154 -154
  110. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_isolate.scss +77 -77
  111. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_margins.scss +94 -94
  112. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_padding.scss +74 -74
  113. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_rows.scss +138 -138
  114. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_settings.scss +216 -216
  115. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_span.scss +163 -163
  116. data/_sass/minimal-mistakes/vendor/susy/susy/language/susy/_validation.scss +16 -16
  117. data/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_background.scss +18 -18
  118. data/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_functions.scss +377 -377
  119. data/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_grid.scss +312 -312
  120. data/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_isolation.scss +51 -51
  121. data/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_margin.scss +93 -93
  122. data/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_media.scss +105 -105
  123. data/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_padding.scss +92 -92
  124. data/_sass/minimal-mistakes/vendor/susy/susy/language/susyone/_settings.scss +60 -60
  125. data/_sass/minimal-mistakes/vendor/susy/susy/output/_float.scss +9 -9
  126. data/_sass/minimal-mistakes/vendor/susy/susy/output/_shared.scss +15 -15
  127. data/_sass/minimal-mistakes/vendor/susy/susy/output/_support.scss +9 -9
  128. data/_sass/minimal-mistakes/vendor/susy/susy/output/float/_container.scss +16 -16
  129. data/_sass/minimal-mistakes/vendor/susy/susy/output/float/_end.scss +40 -40
  130. data/_sass/minimal-mistakes/vendor/susy/susy/output/float/_isolate.scss +22 -22
  131. data/_sass/minimal-mistakes/vendor/susy/susy/output/float/_span.scss +35 -35
  132. data/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_background.scss +26 -26
  133. data/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_container.scss +21 -21
  134. data/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_direction.scss +42 -42
  135. data/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_inspect.scss +25 -25
  136. data/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_margins.scss +23 -23
  137. data/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_output.scss +14 -14
  138. data/_sass/minimal-mistakes/vendor/susy/susy/output/shared/_padding.scss +23 -23
  139. data/_sass/minimal-mistakes/vendor/susy/susy/output/support/_background.scss +58 -58
  140. data/_sass/minimal-mistakes/vendor/susy/susy/output/support/_box-sizing.scss +19 -19
  141. data/_sass/minimal-mistakes/vendor/susy/susy/output/support/_clearfix.scss +18 -18
  142. data/_sass/minimal-mistakes/vendor/susy/susy/output/support/_prefix.scss +19 -19
  143. data/_sass/minimal-mistakes/vendor/susy/susy/output/support/_rem.scss +22 -22
  144. data/_sass/minimal-mistakes/vendor/susy/susy/output/support/_support.scss +85 -85
  145. data/_sass/minimal-mistakes/vendor/susy/susy/su/_grid.scss +103 -103
  146. data/_sass/minimal-mistakes/vendor/susy/susy/su/_settings.scss +73 -73
  147. data/_sass/minimal-mistakes/vendor/susy/susy/su/_utilities.scss +111 -111
  148. data/_sass/minimal-mistakes/vendor/susy/susy/su/_validation.scss +57 -57
  149. data/assets/fonts/fontawesome-webfont.svg +2671 -2671
  150. data/assets/js/_main.js +72 -72
  151. data/assets/js/main.min.js +2 -2
  152. data/assets/js/plugins/jquery.fitvids.js +81 -81
  153. data/assets/js/plugins/jquery.greedy-navigation.js +74 -73
  154. data/assets/js/plugins/jquery.magnific-popup.js +2049 -2049
  155. data/assets/js/plugins/jquery.smooth-scroll.min.js +8 -8
  156. data/assets/js/vendor/jquery/jquery-1.12.4.min.js +4 -4
  157. metadata +3 -3
@@ -1,187 +1,187 @@
1
- /* ==========================================================================
2
- STYLE RESETS
3
- ========================================================================== */
4
-
5
- @include border-box-sizing;
6
-
7
- html {
8
- /* apply a natural box layout model to all elements */
9
- box-sizing: border-box;
10
- background-color: $background-color;
11
- font-size: 16px;
12
-
13
- @include breakpoint($medium) {
14
- font-size: 18px;
15
- }
16
-
17
- @include breakpoint($large) {
18
- font-size: 20px;
19
- }
20
-
21
- @include breakpoint($x-large) {
22
- font-size: 22px;
23
- }
24
-
25
- -webkit-text-size-adjust: 100%;
26
- -ms-text-size-adjust: 100%;
27
- }
28
-
29
- /* Remove margin */
30
-
31
- body { margin: 0; }
32
-
33
- /* Selected elements */
34
-
35
- ::-moz-selection {
36
- color: #fff;
37
- background: #000;
38
- }
39
-
40
- ::selection {
41
- color: #fff;
42
- background: #000;
43
- }
44
-
45
- /* Display HTML5 elements in IE6-9 and FF3 */
46
-
47
- article,
48
- aside,
49
- details,
50
- figcaption,
51
- figure,
52
- footer,
53
- header,
54
- hgroup,
55
- main,
56
- nav,
57
- section {
58
- display: block;
59
- }
60
-
61
- /* Display block in IE6-9 and FF3 */
62
-
63
- audio,
64
- canvas,
65
- video {
66
- display: inline-block;
67
- *display: inline;
68
- *zoom: 1;
69
- }
70
-
71
- /* Prevents modern browsers from displaying 'audio' without controls */
72
-
73
- audio:not([controls]) {
74
- display: none;
75
- }
76
-
77
- a {
78
- color: $link-color;
79
- }
80
-
81
- /* Apply focus state */
82
-
83
- a:focus {
84
- @extend %tab-focus;
85
- }
86
-
87
- /* Remove outline from links */
88
-
89
- a:hover,
90
- a:active {
91
- outline: 0;
92
- }
93
-
94
- /* Prevent sub and sup affecting line-height in all browsers */
95
-
96
- sub,
97
- sup {
98
- position: relative;
99
- font-size: 75%;
100
- line-height: 0;
101
- vertical-align: baseline;
102
- }
103
-
104
- sup {
105
- top: -0.5em;
106
- }
107
-
108
- sub {
109
- bottom: -0.25em;
110
- }
111
-
112
- /* img border in anchor's and image quality */
113
-
114
- img {
115
- /* Responsive images (ensure images don't scale beyond their parents) */
116
- max-width: 100%; /* part 1: Set a maximum relative to the parent*/
117
- width: auto\9; /* IE7-8 need help adjusting responsive images*/
118
- height: auto; /* part 2: Scale the height according to the width, otherwise you get stretching*/
119
-
120
- vertical-align: middle;
121
- border: 0;
122
- -ms-interpolation-mode: bicubic;
123
- }
124
-
125
- /* Prevent max-width from affecting Google Maps */
126
-
127
- #map_canvas img,
128
- .google-maps img {
129
- max-width: none;
130
- }
131
-
132
- /* Consistent form font size in all browsers, margin changes, misc */
133
-
134
- button,
135
- input,
136
- select,
137
- textarea {
138
- margin: 0;
139
- font-size: 100%;
140
- vertical-align: middle;
141
- }
142
-
143
- button,
144
- input {
145
- *overflow: visible; /* inner spacing ie IE6/7*/
146
- line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet*/
147
- }
148
-
149
- button::-moz-focus-inner,
150
- input::-moz-focus-inner { /* inner padding and border oddities in FF3/4*/
151
- padding: 0;
152
- border: 0;
153
- }
154
-
155
- button,
156
- html input[type="button"], // avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls
157
- input[type="reset"],
158
- input[type="submit"] {
159
- -webkit-appearance: button; /* corrects inability to style clickable `input` types in iOS*/
160
- cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
161
- }
162
-
163
- label,
164
- select,
165
- button,
166
- input[type="button"],
167
- input[type="reset"],
168
- input[type="submit"],
169
- input[type="radio"],
170
- input[type="checkbox"] {
171
- cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
172
- }
173
-
174
- input[type="search"] { /* Appearance in Safari/Chrome*/
175
- box-sizing: content-box;
176
- -webkit-appearance: textfield;
177
- }
178
-
179
- input[type="search"]::-webkit-search-decoration,
180
- input[type="search"]::-webkit-search-cancel-button {
181
- -webkit-appearance: none; /* inner-padding issues in Chrome OSX, Safari 5*/
182
- }
183
-
184
- textarea {
185
- overflow: auto; /* remove vertical scrollbar in IE6-9*/
186
- vertical-align: top; /* readability and alignment cross-browser*/
1
+ /* ==========================================================================
2
+ STYLE RESETS
3
+ ========================================================================== */
4
+
5
+ @include border-box-sizing;
6
+
7
+ html {
8
+ /* apply a natural box layout model to all elements */
9
+ box-sizing: border-box;
10
+ background-color: $background-color;
11
+ font-size: 16px;
12
+
13
+ @include breakpoint($medium) {
14
+ font-size: 18px;
15
+ }
16
+
17
+ @include breakpoint($large) {
18
+ font-size: 20px;
19
+ }
20
+
21
+ @include breakpoint($x-large) {
22
+ font-size: 22px;
23
+ }
24
+
25
+ -webkit-text-size-adjust: 100%;
26
+ -ms-text-size-adjust: 100%;
27
+ }
28
+
29
+ /* Remove margin */
30
+
31
+ body { margin: 0; }
32
+
33
+ /* Selected elements */
34
+
35
+ ::-moz-selection {
36
+ color: #fff;
37
+ background: #000;
38
+ }
39
+
40
+ ::selection {
41
+ color: #fff;
42
+ background: #000;
43
+ }
44
+
45
+ /* Display HTML5 elements in IE6-9 and FF3 */
46
+
47
+ article,
48
+ aside,
49
+ details,
50
+ figcaption,
51
+ figure,
52
+ footer,
53
+ header,
54
+ hgroup,
55
+ main,
56
+ nav,
57
+ section {
58
+ display: block;
59
+ }
60
+
61
+ /* Display block in IE6-9 and FF3 */
62
+
63
+ audio,
64
+ canvas,
65
+ video {
66
+ display: inline-block;
67
+ *display: inline;
68
+ *zoom: 1;
69
+ }
70
+
71
+ /* Prevents modern browsers from displaying 'audio' without controls */
72
+
73
+ audio:not([controls]) {
74
+ display: none;
75
+ }
76
+
77
+ a {
78
+ color: $link-color;
79
+ }
80
+
81
+ /* Apply focus state */
82
+
83
+ a:focus {
84
+ @extend %tab-focus;
85
+ }
86
+
87
+ /* Remove outline from links */
88
+
89
+ a:hover,
90
+ a:active {
91
+ outline: 0;
92
+ }
93
+
94
+ /* Prevent sub and sup affecting line-height in all browsers */
95
+
96
+ sub,
97
+ sup {
98
+ position: relative;
99
+ font-size: 75%;
100
+ line-height: 0;
101
+ vertical-align: baseline;
102
+ }
103
+
104
+ sup {
105
+ top: -0.5em;
106
+ }
107
+
108
+ sub {
109
+ bottom: -0.25em;
110
+ }
111
+
112
+ /* img border in anchor's and image quality */
113
+
114
+ img {
115
+ /* Responsive images (ensure images don't scale beyond their parents) */
116
+ max-width: 100%; /* part 1: Set a maximum relative to the parent*/
117
+ width: auto\9; /* IE7-8 need help adjusting responsive images*/
118
+ height: auto; /* part 2: Scale the height according to the width, otherwise you get stretching*/
119
+
120
+ vertical-align: middle;
121
+ border: 0;
122
+ -ms-interpolation-mode: bicubic;
123
+ }
124
+
125
+ /* Prevent max-width from affecting Google Maps */
126
+
127
+ #map_canvas img,
128
+ .google-maps img {
129
+ max-width: none;
130
+ }
131
+
132
+ /* Consistent form font size in all browsers, margin changes, misc */
133
+
134
+ button,
135
+ input,
136
+ select,
137
+ textarea {
138
+ margin: 0;
139
+ font-size: 100%;
140
+ vertical-align: middle;
141
+ }
142
+
143
+ button,
144
+ input {
145
+ *overflow: visible; /* inner spacing ie IE6/7*/
146
+ line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet*/
147
+ }
148
+
149
+ button::-moz-focus-inner,
150
+ input::-moz-focus-inner { /* inner padding and border oddities in FF3/4*/
151
+ padding: 0;
152
+ border: 0;
153
+ }
154
+
155
+ button,
156
+ html input[type="button"], // avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls
157
+ input[type="reset"],
158
+ input[type="submit"] {
159
+ -webkit-appearance: button; /* corrects inability to style clickable `input` types in iOS*/
160
+ cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
161
+ }
162
+
163
+ label,
164
+ select,
165
+ button,
166
+ input[type="button"],
167
+ input[type="reset"],
168
+ input[type="submit"],
169
+ input[type="radio"],
170
+ input[type="checkbox"] {
171
+ cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
172
+ }
173
+
174
+ input[type="search"] { /* Appearance in Safari/Chrome*/
175
+ box-sizing: content-box;
176
+ -webkit-appearance: textfield;
177
+ }
178
+
179
+ input[type="search"]::-webkit-search-decoration,
180
+ input[type="search"]::-webkit-search-cancel-button {
181
+ -webkit-appearance: none; /* inner-padding issues in Chrome OSX, Safari 5*/
182
+ }
183
+
184
+ textarea {
185
+ overflow: auto; /* remove vertical scrollbar in IE6-9*/
186
+ vertical-align: top; /* readability and alignment cross-browser*/
187
187
  }
@@ -1,231 +1,231 @@
1
- /* ==========================================================================
2
- SIDEBAR
3
- ========================================================================== */
4
-
5
- /*
6
- Default
7
- ========================================================================== */
8
-
9
- .sidebar {
10
- -webkit-transform: translate3d(0, 0 , 0);
11
- transform: translate3d(0, 0 , 0);
12
-
13
- @include clearfix();
14
- margin-bottom: 1em;
15
-
16
- @include breakpoint($large) {
17
- @include span(2 of 12);
18
- opacity: 0.75;
19
- -webkit-transition: opacity 0.2s ease-in-out;
20
- transition: opacity 0.2s ease-in-out;
21
-
22
- &:hover {
23
- opacity: 1;
24
- }
25
- }
26
-
27
- @include breakpoint($x-large) {
28
- padding-right: 0;
29
- }
30
-
31
- h2, h3, h4, h5, h6 {
32
- margin-bottom: 0;
33
- font-family: $sans-serif-narrow;
34
- }
35
-
36
- p, li {
37
- font-family: $sans-serif;
38
- font-size: $type-size-6;
39
- line-height: 1.5;
40
- }
41
-
42
- img {
43
- width: 100%;
44
- }
45
- }
46
-
47
- .sidebar__right {
48
- margin-bottom: 1em;
49
-
50
- @include breakpoint($large) {
51
- position: relative;
52
- float: right;
53
- width: $right-sidebar-width-narrow;
54
- margin-left: span(0.5 of 12);
55
- z-index: 10;
56
- }
57
-
58
- @include breakpoint($x-large) {
59
- width: $right-sidebar-width;
60
- }
61
- }
62
-
63
- /*
64
- Author profile and links
65
- ========================================================================== */
66
-
67
- .author__avatar {
68
- display: table-cell;
69
- vertical-align: top;
70
- width: 36px;
71
- height: 36px;
72
-
73
- @include breakpoint($large) {
74
- display: block;
75
- width: auto;
76
- height: auto;
77
- }
78
-
79
- img {
80
- max-width: 110px;
81
- border-radius: 50%;
82
-
83
- @include breakpoint($large) {
84
- padding: 5px;
85
- border: 1px solid $border-color;
86
- }
87
- }
88
- }
89
-
90
- .author__content {
91
- display: table-cell;
92
- vertical-align: top;
93
- padding-left: 15px;
94
- padding-right: 25px;
95
- line-height: 1;
96
-
97
- @include breakpoint($large) {
98
- display: block;
99
- width: 100%;
100
- padding-left: 0;
101
- padding-right: 0;
102
- }
103
- }
104
-
105
- .author__name {
106
- margin: 0;
107
-
108
- @include breakpoint($large) {
109
- margin-top: 10px;
110
- margin-bottom: 10px;
111
- }
112
- }
113
- .sidebar .author__name {
114
- font-family: $sans-serif;
115
- font-size: $type-size-5;
116
- }
117
-
118
- .author__bio {
119
- margin: 0;
120
-
121
- @include breakpoint($large) {
122
- margin-top: 10px;
123
- margin-bottom: 20px;
124
- }
125
- }
126
-
127
- .author__urls-wrapper {
128
- position: relative;
129
- display: table-cell;
130
- vertical-align: middle;
131
- font-family: $sans-serif;
132
- z-index: 10;
133
- position: relative;
134
- cursor: pointer;
135
-
136
- li:last-child {
137
- a {
138
- margin-bottom: 0;
139
- }
140
- }
141
-
142
- @include breakpoint($large) {
143
- display: block;
144
- }
145
-
146
- button {
147
- margin-bottom: 0;
148
-
149
- @include breakpoint($large) {
150
- display: none;
151
- }
152
- }
153
- }
154
-
155
- .author__urls {
156
- display: none;
157
- position: absolute;
158
- right: 0;
159
- margin-top: 15px;
160
- padding: 10px;
161
- list-style-type: none;
162
- border: 1px solid $border-color;
163
- border-radius: $border-radius;
164
- background: #fff;
165
- z-index: -1;
166
- box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);
167
- cursor: default;
168
-
169
- @include breakpoint($large) {
170
- display: block;
171
- position: relative;
172
- margin: 0;
173
- padding: 0;
174
- border: 0;
175
- background: transparent;
176
- box-shadow: none;
177
- }
178
-
179
- &:before {
180
- display: block;
181
- content: "";
182
- position: absolute;
183
- top: -11px;
184
- left: calc(50% - 10px);
185
- width: 0;
186
- border-style: solid;
187
- border-width: 0 10px 10px;
188
- border-color: $border-color transparent;
189
- z-index: 0;
190
-
191
- @include breakpoint($large) {
192
- display: none;
193
- }
194
- }
195
-
196
- &:after {
197
- display: block;
198
- content: "";
199
- position: absolute;
200
- top: -10px;
201
- left: calc(50% - 10px);
202
- width: 0;
203
- border-style: solid;
204
- border-width: 0 10px 10px;
205
- border-color: #fff transparent;
206
- z-index: 1;
207
-
208
- @include breakpoint($large) {
209
- display: none;
210
- }
211
- }
212
-
213
- li {
214
- white-space: nowrap;
215
- }
216
-
217
- a {
218
- display: block;
219
- margin-bottom: 5px;
220
- padding-right: 5px;
221
- padding-top: 2px;
222
- padding-bottom: 2px;
223
- color: inherit;
224
- font-size: $type-size-5;
225
- text-decoration: none;
226
-
227
- &:hover {
228
- text-decoration: underline;
229
- }
230
- }
1
+ /* ==========================================================================
2
+ SIDEBAR
3
+ ========================================================================== */
4
+
5
+ /*
6
+ Default
7
+ ========================================================================== */
8
+
9
+ .sidebar {
10
+ -webkit-transform: translate3d(0, 0 , 0);
11
+ transform: translate3d(0, 0 , 0);
12
+
13
+ @include clearfix();
14
+ margin-bottom: 1em;
15
+
16
+ @include breakpoint($large) {
17
+ @include span(2 of 12);
18
+ opacity: 0.75;
19
+ -webkit-transition: opacity 0.2s ease-in-out;
20
+ transition: opacity 0.2s ease-in-out;
21
+
22
+ &:hover {
23
+ opacity: 1;
24
+ }
25
+ }
26
+
27
+ @include breakpoint($x-large) {
28
+ padding-right: 0;
29
+ }
30
+
31
+ h2, h3, h4, h5, h6 {
32
+ margin-bottom: 0;
33
+ font-family: $sans-serif-narrow;
34
+ }
35
+
36
+ p, li {
37
+ font-family: $sans-serif;
38
+ font-size: $type-size-6;
39
+ line-height: 1.5;
40
+ }
41
+
42
+ img {
43
+ width: 100%;
44
+ }
45
+ }
46
+
47
+ .sidebar__right {
48
+ margin-bottom: 1em;
49
+
50
+ @include breakpoint($large) {
51
+ position: relative;
52
+ float: right;
53
+ width: $right-sidebar-width-narrow;
54
+ margin-left: span(0.5 of 12);
55
+ z-index: 10;
56
+ }
57
+
58
+ @include breakpoint($x-large) {
59
+ width: $right-sidebar-width;
60
+ }
61
+ }
62
+
63
+ /*
64
+ Author profile and links
65
+ ========================================================================== */
66
+
67
+ .author__avatar {
68
+ display: table-cell;
69
+ vertical-align: top;
70
+ width: 36px;
71
+ height: 36px;
72
+
73
+ @include breakpoint($large) {
74
+ display: block;
75
+ width: auto;
76
+ height: auto;
77
+ }
78
+
79
+ img {
80
+ max-width: 110px;
81
+ border-radius: 50%;
82
+
83
+ @include breakpoint($large) {
84
+ padding: 5px;
85
+ border: 1px solid $border-color;
86
+ }
87
+ }
88
+ }
89
+
90
+ .author__content {
91
+ display: table-cell;
92
+ vertical-align: top;
93
+ padding-left: 15px;
94
+ padding-right: 25px;
95
+ line-height: 1;
96
+
97
+ @include breakpoint($large) {
98
+ display: block;
99
+ width: 100%;
100
+ padding-left: 0;
101
+ padding-right: 0;
102
+ }
103
+ }
104
+
105
+ .author__name {
106
+ margin: 0;
107
+
108
+ @include breakpoint($large) {
109
+ margin-top: 10px;
110
+ margin-bottom: 10px;
111
+ }
112
+ }
113
+ .sidebar .author__name {
114
+ font-family: $sans-serif;
115
+ font-size: $type-size-5;
116
+ }
117
+
118
+ .author__bio {
119
+ margin: 0;
120
+
121
+ @include breakpoint($large) {
122
+ margin-top: 10px;
123
+ margin-bottom: 20px;
124
+ }
125
+ }
126
+
127
+ .author__urls-wrapper {
128
+ position: relative;
129
+ display: table-cell;
130
+ vertical-align: middle;
131
+ font-family: $sans-serif;
132
+ z-index: 10;
133
+ position: relative;
134
+ cursor: pointer;
135
+
136
+ li:last-child {
137
+ a {
138
+ margin-bottom: 0;
139
+ }
140
+ }
141
+
142
+ @include breakpoint($large) {
143
+ display: block;
144
+ }
145
+
146
+ button {
147
+ margin-bottom: 0;
148
+
149
+ @include breakpoint($large) {
150
+ display: none;
151
+ }
152
+ }
153
+ }
154
+
155
+ .author__urls {
156
+ display: none;
157
+ position: absolute;
158
+ right: 0;
159
+ margin-top: 15px;
160
+ padding: 10px;
161
+ list-style-type: none;
162
+ border: 1px solid $border-color;
163
+ border-radius: $border-radius;
164
+ background: #fff;
165
+ z-index: -1;
166
+ box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);
167
+ cursor: default;
168
+
169
+ @include breakpoint($large) {
170
+ display: block;
171
+ position: relative;
172
+ margin: 0;
173
+ padding: 0;
174
+ border: 0;
175
+ background: transparent;
176
+ box-shadow: none;
177
+ }
178
+
179
+ &:before {
180
+ display: block;
181
+ content: "";
182
+ position: absolute;
183
+ top: -11px;
184
+ left: calc(50% - 10px);
185
+ width: 0;
186
+ border-style: solid;
187
+ border-width: 0 10px 10px;
188
+ border-color: $border-color transparent;
189
+ z-index: 0;
190
+
191
+ @include breakpoint($large) {
192
+ display: none;
193
+ }
194
+ }
195
+
196
+ &:after {
197
+ display: block;
198
+ content: "";
199
+ position: absolute;
200
+ top: -10px;
201
+ left: calc(50% - 10px);
202
+ width: 0;
203
+ border-style: solid;
204
+ border-width: 0 10px 10px;
205
+ border-color: #fff transparent;
206
+ z-index: 1;
207
+
208
+ @include breakpoint($large) {
209
+ display: none;
210
+ }
211
+ }
212
+
213
+ li {
214
+ white-space: nowrap;
215
+ }
216
+
217
+ a {
218
+ display: block;
219
+ margin-bottom: 5px;
220
+ padding-right: 5px;
221
+ padding-top: 2px;
222
+ padding-bottom: 2px;
223
+ color: inherit;
224
+ font-size: $type-size-5;
225
+ text-decoration: none;
226
+
227
+ &:hover {
228
+ text-decoration: underline;
229
+ }
230
+ }
231
231
  }