jekyll-any-theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (174) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +52 -0
  4. data/_includes/api/example.html +23 -0
  5. data/_includes/api/get.html +11 -0
  6. data/_includes/api/save.html +1 -0
  7. data/_includes/components/alert.html +7 -0
  8. data/_includes/components/blockquote.html +23 -0
  9. data/_includes/components/bootstrap.html +245 -0
  10. data/_includes/components/card.html +85 -0
  11. data/_includes/components/lead.html +1 -0
  12. data/_includes/components/login.html +28 -0
  13. data/_includes/components/navbar_link.html +3 -0
  14. data/_includes/components/navbar_text.html +3 -0
  15. data/_includes/components/page_info.html +48 -0
  16. data/_includes/components/toc.html +18 -0
  17. data/_includes/filters/link_to_file.html +26 -0
  18. data/_includes/filters/unslug.html +17 -0
  19. data/_includes/page/end.html +2 -0
  20. data/_includes/page/footer.html +26 -0
  21. data/_includes/page/head.html +28 -0
  22. data/_includes/page/header.html +7 -0
  23. data/_includes/page/init.html +17 -0
  24. data/_includes/page/main.html +44 -0
  25. data/_includes/page/navbar.html +69 -0
  26. data/_includes/page/sidebar.html +6 -0
  27. data/_includes/page/top.html +27 -0
  28. data/_includes/tempus/calendar.html +26 -0
  29. data/_includes/tempus/events.html +72 -0
  30. data/_includes/tempus/next.html +73 -0
  31. data/_includes/widgets/libros.html +183 -0
  32. data/_includes/widgets/themes.html +11 -0
  33. data/_includes/widgets/toc.html +18 -0
  34. data/_layouts/default.html +8 -0
  35. data/_layouts/page.html +5 -0
  36. data/_layouts/post.html +5 -0
  37. data/_sass/_any_theme.sass +54 -0
  38. data/_sass/any_theme/_corrections.sass +71 -0
  39. data/_sass/any_theme/_headings.sass +13 -0
  40. data/_sass/any_theme/_mixins.sass +11 -0
  41. data/_sass/any_theme/_syntax_blood.scss +310 -0
  42. data/_sass/any_theme/_syntax_dark.scss +63 -0
  43. data/_sass/any_theme/_syntax_default.scss +310 -0
  44. data/_sass/any_theme/_toc.sass +4 -0
  45. data/_sass/any_theme/_widgets.sass +48 -0
  46. data/_sass/bootstrap/_alert.scss +51 -0
  47. data/_sass/bootstrap/_badge.scss +47 -0
  48. data/_sass/bootstrap/_breadcrumb.scss +38 -0
  49. data/_sass/bootstrap/_button-group.scss +166 -0
  50. data/_sass/bootstrap/_buttons.scss +143 -0
  51. data/_sass/bootstrap/_card.scss +270 -0
  52. data/_sass/bootstrap/_carousel.scss +191 -0
  53. data/_sass/bootstrap/_close.scss +34 -0
  54. data/_sass/bootstrap/_code.scss +56 -0
  55. data/_sass/bootstrap/_custom-forms.scss +297 -0
  56. data/_sass/bootstrap/_dropdown.scss +131 -0
  57. data/_sass/bootstrap/_forms.scss +333 -0
  58. data/_sass/bootstrap/_functions.scss +86 -0
  59. data/_sass/bootstrap/_grid.scss +52 -0
  60. data/_sass/bootstrap/_images.scss +42 -0
  61. data/_sass/bootstrap/_input-group.scss +159 -0
  62. data/_sass/bootstrap/_jumbotron.scss +16 -0
  63. data/_sass/bootstrap/_list-group.scss +115 -0
  64. data/_sass/bootstrap/_media.scss +8 -0
  65. data/_sass/bootstrap/_mixins.scss +42 -0
  66. data/_sass/bootstrap/_modal.scss +168 -0
  67. data/_sass/bootstrap/_nav.scss +118 -0
  68. data/_sass/bootstrap/_navbar.scss +311 -0
  69. data/_sass/bootstrap/_pagination.scss +77 -0
  70. data/_sass/bootstrap/_popover.scss +183 -0
  71. data/_sass/bootstrap/_print.scss +124 -0
  72. data/_sass/bootstrap/_progress.scss +33 -0
  73. data/_sass/bootstrap/_reboot.scss +482 -0
  74. data/_sass/bootstrap/_root.scss +19 -0
  75. data/_sass/bootstrap/_tables.scss +180 -0
  76. data/_sass/bootstrap/_tooltip.scss +115 -0
  77. data/_sass/bootstrap/_transitions.scss +36 -0
  78. data/_sass/bootstrap/_type.scss +125 -0
  79. data/_sass/bootstrap/_utilities.scss +14 -0
  80. data/_sass/bootstrap/_variables.scss +894 -0
  81. data/_sass/bootstrap/bootstrap-grid.scss +32 -0
  82. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  83. data/_sass/bootstrap/bootstrap.scss +42 -0
  84. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  85. data/_sass/bootstrap/mixins/_background-variant.scss +21 -0
  86. data/_sass/bootstrap/mixins/_badge.scss +12 -0
  87. data/_sass/bootstrap/mixins/_border-radius.scss +35 -0
  88. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  89. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  90. data/_sass/bootstrap/mixins/_buttons.scss +109 -0
  91. data/_sass/bootstrap/mixins/_caret.scss +65 -0
  92. data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
  93. data/_sass/bootstrap/mixins/_float.scss +11 -0
  94. data/_sass/bootstrap/mixins/_forms.scss +137 -0
  95. data/_sass/bootstrap/mixins/_gradients.scss +45 -0
  96. data/_sass/bootstrap/mixins/_grid-framework.scss +67 -0
  97. data/_sass/bootstrap/mixins/_grid.scss +52 -0
  98. data/_sass/bootstrap/mixins/_hover.scss +39 -0
  99. data/_sass/bootstrap/mixins/_image.scss +36 -0
  100. data/_sass/bootstrap/mixins/_list-group.scss +21 -0
  101. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  102. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  103. data/_sass/bootstrap/mixins/_navbar-align.scss +10 -0
  104. data/_sass/bootstrap/mixins/_pagination.scss +22 -0
  105. data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
  106. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  107. data/_sass/bootstrap/mixins/_screen-reader.scss +35 -0
  108. data/_sass/bootstrap/mixins/_size.scss +6 -0
  109. data/_sass/bootstrap/mixins/_table-row.scss +30 -0
  110. data/_sass/bootstrap/mixins/_text-emphasis.scss +14 -0
  111. data/_sass/bootstrap/mixins/_text-hide.scss +9 -0
  112. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  113. data/_sass/bootstrap/mixins/_transition.scss +9 -0
  114. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  115. data/_sass/bootstrap/utilities/_align.scss +8 -0
  116. data/_sass/bootstrap/utilities/_background.scss +19 -0
  117. data/_sass/bootstrap/utilities/_borders.scss +59 -0
  118. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  119. data/_sass/bootstrap/utilities/_display.scss +38 -0
  120. data/_sass/bootstrap/utilities/_embed.scss +52 -0
  121. data/_sass/bootstrap/utilities/_flex.scss +46 -0
  122. data/_sass/bootstrap/utilities/_float.scss +9 -0
  123. data/_sass/bootstrap/utilities/_position.scss +36 -0
  124. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  125. data/_sass/bootstrap/utilities/_sizing.scss +12 -0
  126. data/_sass/bootstrap/utilities/_spacing.scss +51 -0
  127. data/_sass/bootstrap/utilities/_text.scss +52 -0
  128. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  129. data/assets/css/basic_light_sans.sass +71 -0
  130. data/assets/css_no/basic_dark_sans.sass +114 -0
  131. data/assets/css_no/basic_dark_serif.sass +114 -0
  132. data/assets/css_no/basic_light_serif.sass +69 -0
  133. data/assets/css_no/bootstrap.sass +44 -0
  134. data/assets/css_no/dark_additions.sass +74 -0
  135. data/assets/css_no/dnd.sass +188 -0
  136. data/assets/css_no/gurps.sass +70 -0
  137. data/assets/css_no/minidark.sass +177 -0
  138. data/assets/css_no/minimal.sass +139 -0
  139. data/assets/css_no/roboto_dark.sass +324 -0
  140. data/assets/css_no/roboto_light.sass +275 -0
  141. data/assets/fonts/scala/fonts.scss +59 -0
  142. data/assets/fonts/scala/scala-bold-webfont.eot +0 -0
  143. data/assets/fonts/scala/scala-bold-webfont.svg +873 -0
  144. data/assets/fonts/scala/scala-bold-webfont.ttf +0 -0
  145. data/assets/fonts/scala/scala-bold-webfont.woff +0 -0
  146. data/assets/fonts/scala/scala-italic-webfont.eot +0 -0
  147. data/assets/fonts/scala/scala-italic-webfont.svg +235 -0
  148. data/assets/fonts/scala/scala-italic-webfont.ttf +0 -0
  149. data/assets/fonts/scala/scala-italic-webfont.woff +0 -0
  150. data/assets/fonts/scala/scala-webfont.eot +0 -0
  151. data/assets/fonts/scala/scala-webfont.svg +234 -0
  152. data/assets/fonts/scala/scala-webfont.ttf +0 -0
  153. data/assets/fonts/scala/scala-webfont.woff +0 -0
  154. data/assets/fonts/scala/scalasans-bold-webfont.eot +0 -0
  155. data/assets/fonts/scala/scalasans-bold-webfont.svg +244 -0
  156. data/assets/fonts/scala/scalasans-bold-webfont.ttf +0 -0
  157. data/assets/fonts/scala/scalasans-bold-webfont.woff +0 -0
  158. data/assets/fonts/scala/scalasans-webfont.eot +0 -0
  159. data/assets/fonts/scala/scalasans-webfont.svg +238 -0
  160. data/assets/fonts/scala/scalasans-webfont.ttf +0 -0
  161. data/assets/fonts/scala/scalasans-webfont.woff +0 -0
  162. data/assets/images/dnd-bg.jpg +0 -0
  163. data/assets/js/any-theme.coffee +33 -0
  164. data/assets/js/any_theme/libros.coffee +113 -0
  165. data/assets/js/any_theme/login.coffee +90 -0
  166. data/assets/js/any_theme/storage.coffee +49 -0
  167. data/assets/js/any_theme/themes.coffee +10 -0
  168. data/assets/pages/about.md +17 -0
  169. data/assets/pages/customize/css.md +22 -0
  170. data/assets/pages/customize/themes.md +17 -0
  171. data/assets/pages/docs/libros.md +17 -0
  172. data/assets/pages/docs/tempus.md +66 -0
  173. data/assets/pages/index.md +21 -0
  174. metadata +258 -0
@@ -0,0 +1,310 @@
1
+ .highlight .hll {
2
+ background-color: #ffc;
3
+ }
4
+
5
+ .highlight .c {
6
+ color: #999;
7
+ }
8
+
9
+ /* Comment */
10
+ .highlight .err {
11
+ color: #a00;
12
+ background-color: #faa;
13
+ }
14
+
15
+ /* Error */
16
+ .highlight .k {
17
+ color: #069;
18
+ }
19
+
20
+ /* Keyword */
21
+ .highlight .o {
22
+ color: #555;
23
+ }
24
+
25
+ /* Operator */
26
+ .highlight .cm {
27
+ color: #09f;
28
+ font-style: italic;
29
+ }
30
+
31
+ /* Comment.Multiline */
32
+ .highlight .cp {
33
+ color: #099;
34
+ }
35
+
36
+ /* Comment.Preproc */
37
+ .highlight .c1 {
38
+ color: #999;
39
+ }
40
+
41
+ /* Comment.Single */
42
+ .highlight .cs {
43
+ color: #999;
44
+ }
45
+
46
+ /* Comment.Special */
47
+ .highlight .gd {
48
+ background-color: #fcc;
49
+ border: 1px solid #c00;
50
+ }
51
+
52
+ /* Generic.Deleted */
53
+ .highlight .ge {
54
+ font-style: italic;
55
+ }
56
+
57
+ /* Generic.Emph */
58
+ .highlight .gr {
59
+ color: #f00;
60
+ }
61
+
62
+ /* Generic.Error */
63
+ .highlight .gh {
64
+ color: #030;
65
+ }
66
+
67
+ /* Generic.Heading */
68
+ .highlight .gi {
69
+ background-color: #cfc;
70
+ border: 1px solid #0c0;
71
+ }
72
+
73
+ /* Generic.Inserted */
74
+ .highlight .go {
75
+ color: #aaa;
76
+ }
77
+
78
+ /* Generic.Output */
79
+ .highlight .gp {
80
+ color: #009;
81
+ }
82
+
83
+ /* Generic.Prompt */
84
+ /* Generic.Strong */
85
+ .highlight .gu {
86
+ color: #030;
87
+ }
88
+
89
+ /* Generic.Subheading */
90
+ .highlight .gt {
91
+ color: #9c6;
92
+ }
93
+
94
+ /* Generic.Traceback */
95
+ .highlight .kc {
96
+ color: #069;
97
+ }
98
+
99
+ /* Keyword.Constant */
100
+ .highlight .kd {
101
+ color: #069;
102
+ }
103
+
104
+ /* Keyword.Declaration */
105
+ .highlight .kn {
106
+ color: #069;
107
+ }
108
+
109
+ /* Keyword.Namespace */
110
+ .highlight .kp {
111
+ color: #069;
112
+ }
113
+
114
+ /* Keyword.Pseudo */
115
+ .highlight .kr {
116
+ color: #069;
117
+ }
118
+
119
+ /* Keyword.Reserved */
120
+ .highlight .kt {
121
+ color: #078;
122
+ }
123
+
124
+ /* Keyword.Type */
125
+ .highlight .m {
126
+ color: #f60;
127
+ }
128
+
129
+ /* Literal.Number */
130
+ .highlight .s {
131
+ color: #d44950;
132
+ }
133
+
134
+ /* Literal.String */
135
+ .highlight .na {
136
+ color: #4f9fcf;
137
+ }
138
+
139
+ /* Name.Attribute */
140
+ .highlight .nb {
141
+ color: #366;
142
+ }
143
+
144
+ /* Name.Builtin */
145
+ .highlight .nc {
146
+ color: #0a8;
147
+ }
148
+
149
+ /* Name.Class */
150
+ .highlight .no {
151
+ color: #360;
152
+ }
153
+
154
+ /* Name.Constant */
155
+ .highlight .nd {
156
+ color: #99f;
157
+ }
158
+
159
+ /* Name.Decorator */
160
+ .highlight .ni {
161
+ color: #999;
162
+ }
163
+
164
+ /* Name.Entity */
165
+ .highlight .ne {
166
+ color: #c00;
167
+ }
168
+
169
+ /* Name.Exception */
170
+ .highlight .nf {
171
+ color: #c0f;
172
+ }
173
+
174
+ /* Name.Function */
175
+ .highlight .nl {
176
+ color: #99f;
177
+ }
178
+
179
+ /* Name.Label */
180
+ .highlight .nn {
181
+ color: #0cf;
182
+ }
183
+
184
+ /* Name.Namespace */
185
+ .highlight .nt {
186
+ color: #2f6f9f;
187
+ }
188
+
189
+ /* Name.Tag */
190
+ .highlight .nv {
191
+ color: #033;
192
+ }
193
+
194
+ /* Name.Variable */
195
+ .highlight .ow {
196
+ color: #000;
197
+ }
198
+
199
+ /* Operator.Word */
200
+ .highlight .w {
201
+ color: #bbb;
202
+ }
203
+
204
+ /* Text.Whitespace */
205
+ .highlight .mf {
206
+ color: #f60;
207
+ }
208
+
209
+ /* Literal.Number.Float */
210
+ .highlight .mh {
211
+ color: #f60;
212
+ }
213
+
214
+ /* Literal.Number.Hex */
215
+ .highlight .mi {
216
+ color: #f60;
217
+ }
218
+
219
+ /* Literal.Number.Integer */
220
+ .highlight .mo {
221
+ color: #f60;
222
+ }
223
+
224
+ /* Literal.Number.Oct */
225
+ .highlight .sb {
226
+ color: #c30;
227
+ }
228
+
229
+ /* Literal.String.Backtick */
230
+ .highlight .sc {
231
+ color: #c30;
232
+ }
233
+
234
+ /* Literal.String.Char */
235
+ .highlight .sd {
236
+ color: #c30;
237
+ font-style: italic;
238
+ }
239
+
240
+ /* Literal.String.Doc */
241
+ .highlight .s2 {
242
+ color: #c30;
243
+ }
244
+
245
+ /* Literal.String.Double */
246
+ .highlight .se {
247
+ color: #c30;
248
+ }
249
+
250
+ /* Literal.String.Escape */
251
+ .highlight .sh {
252
+ color: #c30;
253
+ }
254
+
255
+ /* Literal.String.Heredoc */
256
+ .highlight .si {
257
+ color: #a00;
258
+ }
259
+
260
+ /* Literal.String.Interpol */
261
+ .highlight .sx {
262
+ color: #c30;
263
+ }
264
+
265
+ /* Literal.String.Other */
266
+ .highlight .sr {
267
+ color: #3aa;
268
+ }
269
+
270
+ /* Literal.String.Regex */
271
+ .highlight .s1 {
272
+ color: #c30;
273
+ }
274
+
275
+ /* Literal.String.Single */
276
+ .highlight .ss {
277
+ color: #fc3;
278
+ }
279
+
280
+ /* Literal.String.Symbol */
281
+ .highlight .bp {
282
+ color: #366;
283
+ }
284
+
285
+ /* Name.Builtin.Pseudo */
286
+ .highlight .vc {
287
+ color: #033;
288
+ }
289
+
290
+ /* Name.Variable.Class */
291
+ .highlight .vg {
292
+ color: #033;
293
+ }
294
+
295
+ /* Name.Variable.Global */
296
+ .highlight .vi {
297
+ color: #033;
298
+ }
299
+
300
+ /* Name.Variable.Instance */
301
+ .highlight .il {
302
+ color: #f60;
303
+ }
304
+
305
+ /* Literal.Number.Integer.Long */
306
+ .css .o,
307
+ .css .o + .nt,
308
+ .css .nt + .nt {
309
+ color: #999;
310
+ }
@@ -0,0 +1,4 @@
1
+ // TOC: Table Of Contents
2
+ #toc-collapseOne
3
+ ul li a
4
+ @extend .py-2
@@ -0,0 +1,48 @@
1
+ // WIDGET THEMES
2
+ .widget-themes
3
+ @extend .ml-3
4
+ div.list-group a.list-group-item
5
+ @extend .py-2
6
+
7
+ // TEMPUS
8
+ // Set grey past or empty days
9
+ .tempus-past,
10
+ .tempus-empty
11
+ @extend .text-muted
12
+ // Set grey and small the difference
13
+ .tempus-difference
14
+ @extend .text-muted, .small
15
+
16
+ // PAGE INFO
17
+ #pageinfoModal table
18
+ @extend .table-sm
19
+ tr td:first-child
20
+ @extend .pl-3
21
+
22
+ // LIBROS
23
+ #widget-libros
24
+ // Styles
25
+ a.no-results
26
+ @extend .disabled
27
+ [type='submit']
28
+ @extend .btn, .btn-secondary
29
+ [type='reset']
30
+ @extend .btn, .btn-outline-secondary
31
+ // Extends for List-groups with custom content
32
+ // https://getbootstrap.com/docs/4.0/components/list-group/#custom-content
33
+ // .card
34
+ // @extend .my-4
35
+ #libros-results
36
+ & > a
37
+ @extend .list-group-item, .list-group-item-action, .flex-column, .align-items-start
38
+ small
39
+ @extend .text-muted
40
+ .libros-image-container img
41
+ @extend .card-img-top
42
+ .libros-title,
43
+ .libros-author
44
+ @extend .mb-1
45
+ .libros-header
46
+ @extend .d-flex, .w-100, .justify-content-between
47
+ &:last-child
48
+ @extend .mb-3
@@ -0,0 +1,51 @@
1
+ //
2
+ // Base styles
3
+ //
4
+
5
+ .alert {
6
+ position: relative;
7
+ padding: $alert-padding-y $alert-padding-x;
8
+ margin-bottom: $alert-margin-bottom;
9
+ border: $alert-border-width solid transparent;
10
+ @include border-radius($alert-border-radius);
11
+ }
12
+
13
+ // Headings for larger alerts
14
+ .alert-heading {
15
+ // Specified to prevent conflicts of changing $headings-color
16
+ color: inherit;
17
+ }
18
+
19
+ // Provide class for links that match alerts
20
+ .alert-link {
21
+ font-weight: $alert-link-font-weight;
22
+ }
23
+
24
+
25
+ // Dismissible alerts
26
+ //
27
+ // Expand the right padding and account for the close button's positioning.
28
+
29
+ .alert-dismissible {
30
+ padding-right: ($close-font-size + $alert-padding-x * 2);
31
+
32
+ // Adjust close link position
33
+ .close {
34
+ position: absolute;
35
+ top: 0;
36
+ right: 0;
37
+ padding: $alert-padding-y $alert-padding-x;
38
+ color: inherit;
39
+ }
40
+ }
41
+
42
+
43
+ // Alternate styles
44
+ //
45
+ // Generate contextual modifier classes for colorizing the alert.
46
+
47
+ @each $color, $value in $theme-colors {
48
+ .alert-#{$color} {
49
+ @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
50
+ }
51
+ }
@@ -0,0 +1,47 @@
1
+ // Base class
2
+ //
3
+ // Requires one of the contextual, color modifier classes for `color` and
4
+ // `background-color`.
5
+
6
+ .badge {
7
+ display: inline-block;
8
+ padding: $badge-padding-y $badge-padding-x;
9
+ font-size: $badge-font-size;
10
+ font-weight: $badge-font-weight;
11
+ line-height: 1;
12
+ text-align: center;
13
+ white-space: nowrap;
14
+ vertical-align: baseline;
15
+ @include border-radius($badge-border-radius);
16
+
17
+ // Empty badges collapse automatically
18
+ &:empty {
19
+ display: none;
20
+ }
21
+ }
22
+
23
+ // Quick fix for badges in buttons
24
+ .btn .badge {
25
+ position: relative;
26
+ top: -1px;
27
+ }
28
+
29
+ // Pill badges
30
+ //
31
+ // Make them extra rounded with a modifier to replace v3's badges.
32
+
33
+ .badge-pill {
34
+ padding-right: $badge-pill-padding-x;
35
+ padding-left: $badge-pill-padding-x;
36
+ @include border-radius($badge-pill-border-radius);
37
+ }
38
+
39
+ // Colors
40
+ //
41
+ // Contextual variations (linked badges get darker on :hover).
42
+
43
+ @each $color, $value in $theme-colors {
44
+ .badge-#{$color} {
45
+ @include badge-variant($value);
46
+ }
47
+ }
@@ -0,0 +1,38 @@
1
+ .breadcrumb {
2
+ display: flex;
3
+ flex-wrap: wrap;
4
+ padding: $breadcrumb-padding-y $breadcrumb-padding-x;
5
+ margin-bottom: $breadcrumb-margin-bottom;
6
+ list-style: none;
7
+ background-color: $breadcrumb-bg;
8
+ @include border-radius($border-radius);
9
+ }
10
+
11
+ .breadcrumb-item {
12
+ // The separator between breadcrumbs (by default, a forward-slash: "/")
13
+ + .breadcrumb-item::before {
14
+ display: inline-block; // Suppress underlining of the separator in modern browsers
15
+ padding-right: $breadcrumb-item-padding;
16
+ padding-left: $breadcrumb-item-padding;
17
+ color: $breadcrumb-divider-color;
18
+ content: "#{$breadcrumb-divider}";
19
+ }
20
+
21
+ // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
22
+ // without `<ul>`s. The `::before` pseudo-element generates an element
23
+ // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
24
+ //
25
+ // To trick IE into suppressing the underline, we give the pseudo-element an
26
+ // underline and then immediately remove it.
27
+ + .breadcrumb-item:hover::before {
28
+ text-decoration: underline;
29
+ }
30
+ // stylelint-disable-next-line no-duplicate-selectors
31
+ + .breadcrumb-item:hover::before {
32
+ text-decoration: none;
33
+ }
34
+
35
+ &.active {
36
+ color: $breadcrumb-active-color;
37
+ }
38
+ }
@@ -0,0 +1,166 @@
1
+ // stylelint-disable selector-no-qualifying-type
2
+
3
+ // Make the div behave like a button
4
+ .btn-group,
5
+ .btn-group-vertical {
6
+ position: relative;
7
+ display: inline-flex;
8
+ vertical-align: middle; // match .btn alignment given font-size hack above
9
+
10
+ > .btn {
11
+ position: relative;
12
+ flex: 0 1 auto;
13
+
14
+ // Bring the hover, focused, and "active" buttons to the front to overlay
15
+ // the borders properly
16
+ @include hover {
17
+ z-index: 1;
18
+ }
19
+ &:focus,
20
+ &:active,
21
+ &.active {
22
+ z-index: 1;
23
+ }
24
+ }
25
+
26
+ // Prevent double borders when buttons are next to each other
27
+ .btn + .btn,
28
+ .btn + .btn-group,
29
+ .btn-group + .btn,
30
+ .btn-group + .btn-group {
31
+ margin-left: -$btn-border-width;
32
+ }
33
+ }
34
+
35
+ // Optional: Group multiple button groups together for a toolbar
36
+ .btn-toolbar {
37
+ display: flex;
38
+ flex-wrap: wrap;
39
+ justify-content: flex-start;
40
+
41
+ .input-group {
42
+ width: auto;
43
+ }
44
+ }
45
+
46
+ .btn-group {
47
+ > .btn:first-child {
48
+ margin-left: 0;
49
+ }
50
+
51
+ // Reset rounded corners
52
+ > .btn:not(:last-child):not(.dropdown-toggle),
53
+ > .btn-group:not(:last-child) > .btn {
54
+ @include border-right-radius(0);
55
+ }
56
+
57
+ > .btn:not(:first-child),
58
+ > .btn-group:not(:first-child) > .btn {
59
+ @include border-left-radius(0);
60
+ }
61
+ }
62
+
63
+ // Sizing
64
+ //
65
+ // Remix the default button sizing classes into new ones for easier manipulation.
66
+
67
+ .btn-group-sm > .btn { @extend .btn-sm; }
68
+ .btn-group-lg > .btn { @extend .btn-lg; }
69
+
70
+
71
+ //
72
+ // Split button dropdowns
73
+ //
74
+
75
+ .dropdown-toggle-split {
76
+ padding-right: $btn-padding-x * .75;
77
+ padding-left: $btn-padding-x * .75;
78
+
79
+ &::after {
80
+ margin-left: 0;
81
+ }
82
+ }
83
+
84
+ .btn-sm + .dropdown-toggle-split {
85
+ padding-right: $btn-padding-x-sm * .75;
86
+ padding-left: $btn-padding-x-sm * .75;
87
+ }
88
+
89
+ .btn-lg + .dropdown-toggle-split {
90
+ padding-right: $btn-padding-x-lg * .75;
91
+ padding-left: $btn-padding-x-lg * .75;
92
+ }
93
+
94
+
95
+ // The clickable button for toggling the menu
96
+ // Set the same inset shadow as the :active state
97
+ .btn-group.show .dropdown-toggle {
98
+ @include box-shadow($btn-active-box-shadow);
99
+
100
+ // Show no shadow for `.btn-link` since it has no other button styles.
101
+ &.btn-link {
102
+ @include box-shadow(none);
103
+ }
104
+ }
105
+
106
+
107
+ //
108
+ // Vertical button groups
109
+ //
110
+
111
+ .btn-group-vertical {
112
+ flex-direction: column;
113
+ align-items: flex-start;
114
+ justify-content: center;
115
+
116
+ .btn,
117
+ .btn-group {
118
+ width: 100%;
119
+ }
120
+
121
+ > .btn + .btn,
122
+ > .btn + .btn-group,
123
+ > .btn-group + .btn,
124
+ > .btn-group + .btn-group {
125
+ margin-top: -$btn-border-width;
126
+ margin-left: 0;
127
+ }
128
+
129
+ // Reset rounded corners
130
+ > .btn:not(:last-child):not(.dropdown-toggle),
131
+ > .btn-group:not(:last-child) > .btn {
132
+ @include border-bottom-radius(0);
133
+ }
134
+
135
+ > .btn:not(:first-child),
136
+ > .btn-group:not(:first-child) > .btn {
137
+ @include border-top-radius(0);
138
+ }
139
+ }
140
+
141
+
142
+ // Checkbox and radio options
143
+ //
144
+ // In order to support the browser's form validation feedback, powered by the
145
+ // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
146
+ // `display: none;` or `visibility: hidden;` as that also hides the popover.
147
+ // Simply visually hiding the inputs via `opacity` would leave them clickable in
148
+ // certain cases which is prevented by using `clip` and `pointer-events`.
149
+ // This way, we ensure a DOM element is visible to position the popover from.
150
+ //
151
+ // See https://github.com/twbs/bootstrap/pull/12794 and
152
+ // https://github.com/twbs/bootstrap/pull/14559 for more information.
153
+
154
+ .btn-group-toggle {
155
+ > .btn,
156
+ > .btn-group > .btn {
157
+ margin-bottom: 0; // Override default `<label>` value
158
+
159
+ input[type="radio"],
160
+ input[type="checkbox"] {
161
+ position: absolute;
162
+ clip: rect(0, 0, 0, 0);
163
+ pointer-events: none;
164
+ }
165
+ }
166
+ }