seriously_simple_static_starter 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +39 -0
  4. data/_includes/cards.html +27 -0
  5. data/_includes/feature-block.html +24 -0
  6. data/_includes/footer.html +11 -0
  7. data/_includes/ga-lite.html +5 -0
  8. data/_includes/head.html +39 -0
  9. data/_includes/header.html +34 -0
  10. data/_includes/latest-posts.html +28 -0
  11. data/_includes/navbar.html +40 -0
  12. data/_includes/slider.html +41 -0
  13. data/_layouts/base.html +22 -0
  14. data/_layouts/default.html +4 -0
  15. data/_layouts/flow.html +25 -0
  16. data/_layouts/page.html +5 -0
  17. data/_layouts/post.html +11 -0
  18. data/_sass/_animation.scss +68 -0
  19. data/_sass/_feature-block.scss +5 -0
  20. data/_sass/_fontello.scss +46 -0
  21. data/_sass/_header.scss +7 -0
  22. data/_sass/_highlighter.scss +84 -0
  23. data/_sass/_inherited.scss +39 -0
  24. data/_sass/_navbar.scss +188 -0
  25. data/_sass/_theme.scss +397 -0
  26. data/_sass/_variables.scss +3 -0
  27. data/_sass/animate.scss +3625 -0
  28. data/_sass/bootstrap/_alert.scss +51 -0
  29. data/_sass/bootstrap/_badge.scss +47 -0
  30. data/_sass/bootstrap/_breadcrumb.scss +38 -0
  31. data/_sass/bootstrap/_button-group.scss +166 -0
  32. data/_sass/bootstrap/_buttons.scss +143 -0
  33. data/_sass/bootstrap/_card.scss +270 -0
  34. data/_sass/bootstrap/_carousel.scss +191 -0
  35. data/_sass/bootstrap/_close.scss +34 -0
  36. data/_sass/bootstrap/_code.scss +56 -0
  37. data/_sass/bootstrap/_custom-forms.scss +297 -0
  38. data/_sass/bootstrap/_dropdown.scss +131 -0
  39. data/_sass/bootstrap/_forms.scss +333 -0
  40. data/_sass/bootstrap/_functions.scss +86 -0
  41. data/_sass/bootstrap/_grid.scss +52 -0
  42. data/_sass/bootstrap/_images.scss +42 -0
  43. data/_sass/bootstrap/_input-group.scss +159 -0
  44. data/_sass/bootstrap/_jumbotron.scss +16 -0
  45. data/_sass/bootstrap/_list-group.scss +115 -0
  46. data/_sass/bootstrap/_media.scss +8 -0
  47. data/_sass/bootstrap/_mixins.scss +42 -0
  48. data/_sass/bootstrap/_modal.scss +168 -0
  49. data/_sass/bootstrap/_nav.scss +118 -0
  50. data/_sass/bootstrap/_navbar.scss +311 -0
  51. data/_sass/bootstrap/_pagination.scss +77 -0
  52. data/_sass/bootstrap/_popover.scss +183 -0
  53. data/_sass/bootstrap/_print.scss +124 -0
  54. data/_sass/bootstrap/_progress.scss +33 -0
  55. data/_sass/bootstrap/_reboot.scss +482 -0
  56. data/_sass/bootstrap/_root.scss +19 -0
  57. data/_sass/bootstrap/_tables.scss +180 -0
  58. data/_sass/bootstrap/_tooltip.scss +115 -0
  59. data/_sass/bootstrap/_transitions.scss +36 -0
  60. data/_sass/bootstrap/_type.scss +125 -0
  61. data/_sass/bootstrap/_utilities.scss +14 -0
  62. data/_sass/bootstrap/_variables.scss +894 -0
  63. data/_sass/bootstrap/bootstrap-grid.scss +32 -0
  64. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  65. data/_sass/bootstrap/bootstrap.scss +42 -0
  66. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  67. data/_sass/bootstrap/mixins/_background-variant.scss +21 -0
  68. data/_sass/bootstrap/mixins/_badge.scss +12 -0
  69. data/_sass/bootstrap/mixins/_border-radius.scss +35 -0
  70. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  71. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  72. data/_sass/bootstrap/mixins/_buttons.scss +109 -0
  73. data/_sass/bootstrap/mixins/_caret.scss +65 -0
  74. data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
  75. data/_sass/bootstrap/mixins/_float.scss +11 -0
  76. data/_sass/bootstrap/mixins/_forms.scss +137 -0
  77. data/_sass/bootstrap/mixins/_gradients.scss +45 -0
  78. data/_sass/bootstrap/mixins/_grid-framework.scss +67 -0
  79. data/_sass/bootstrap/mixins/_grid.scss +52 -0
  80. data/_sass/bootstrap/mixins/_hover.scss +39 -0
  81. data/_sass/bootstrap/mixins/_image.scss +36 -0
  82. data/_sass/bootstrap/mixins/_list-group.scss +21 -0
  83. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  84. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  85. data/_sass/bootstrap/mixins/_navbar-align.scss +10 -0
  86. data/_sass/bootstrap/mixins/_pagination.scss +22 -0
  87. data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
  88. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  89. data/_sass/bootstrap/mixins/_screen-reader.scss +35 -0
  90. data/_sass/bootstrap/mixins/_size.scss +6 -0
  91. data/_sass/bootstrap/mixins/_table-row.scss +30 -0
  92. data/_sass/bootstrap/mixins/_text-emphasis.scss +14 -0
  93. data/_sass/bootstrap/mixins/_text-hide.scss +9 -0
  94. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  95. data/_sass/bootstrap/mixins/_transition.scss +9 -0
  96. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  97. data/_sass/bootstrap/utilities/_align.scss +8 -0
  98. data/_sass/bootstrap/utilities/_background.scss +19 -0
  99. data/_sass/bootstrap/utilities/_borders.scss +59 -0
  100. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  101. data/_sass/bootstrap/utilities/_display.scss +38 -0
  102. data/_sass/bootstrap/utilities/_embed.scss +52 -0
  103. data/_sass/bootstrap/utilities/_flex.scss +46 -0
  104. data/_sass/bootstrap/utilities/_float.scss +9 -0
  105. data/_sass/bootstrap/utilities/_position.scss +36 -0
  106. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  107. data/_sass/bootstrap/utilities/_sizing.scss +12 -0
  108. data/_sass/bootstrap/utilities/_spacing.scss +51 -0
  109. data/_sass/bootstrap/utilities/_text.scss +52 -0
  110. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  111. data/assets/css/critical.scss +5 -0
  112. data/assets/css/dist.scss +47 -0
  113. data/assets/fonts/fontello/fontello.eot +0 -0
  114. data/assets/fonts/fontello/fontello.svg +12 -0
  115. data/assets/fonts/fontello/fontello.ttf +0 -0
  116. data/assets/fonts/fontello/fontello.woff +0 -0
  117. data/assets/fonts/fontello/fontello.woff2 +0 -0
  118. data/assets/fonts/lato/bold/bold.eot +0 -0
  119. data/assets/fonts/lato/bold/bold.svg +2835 -0
  120. data/assets/fonts/lato/bold/bold.ttf +0 -0
  121. data/assets/fonts/lato/bold/bold.woff +0 -0
  122. data/assets/fonts/lato/bold/bold.woff2 +0 -0
  123. data/assets/fonts/lato/regular/regular.eot +0 -0
  124. data/assets/fonts/lato/regular/regular.svg +435 -0
  125. data/assets/fonts/lato/regular/regular.ttf +0 -0
  126. data/assets/fonts/lato/regular/regular.woff +0 -0
  127. data/assets/fonts/lato/regular/regular.woff2 +0 -0
  128. data/assets/images/abstract-bg.jpg +0 -0
  129. data/assets/images/abstract-lines.jpg +0 -0
  130. data/assets/images/marketing.jpg +0 -0
  131. data/assets/images/ssss-resized.png +0 -0
  132. data/assets/images/ssss.png +0 -0
  133. data/assets/images/tech-1495181_1920.jpg +0 -0
  134. data/assets/js/app/main.js +64 -0
  135. data/assets/js/bundle.js +7 -0
  136. data/assets/js/vendor/_popper.js +5 -0
  137. data/assets/js/vendor/bootstrap.js +7 -0
  138. data/assets/js/vendor/clipboard.js +7 -0
  139. data/assets/js/vendor/jquery.js +2 -0
  140. data/assets/js/vendor/lazysizes.min.js +1 -0
  141. data/assets/js/vendor/ls.unveilhooks.min.js +2 -0
  142. metadata +283 -0
@@ -0,0 +1,34 @@
1
+ .close {
2
+ float: right;
3
+ font-size: $close-font-size;
4
+ font-weight: $close-font-weight;
5
+ line-height: 1;
6
+ color: $close-color;
7
+ text-shadow: $close-text-shadow;
8
+ opacity: .5;
9
+
10
+ @include hover-focus {
11
+ color: $close-color;
12
+ text-decoration: none;
13
+ opacity: .75;
14
+ }
15
+
16
+ // Opinionated: add "hand" cursor to non-disabled .close elements
17
+ &:not(:disabled):not(.disabled) {
18
+ cursor: pointer;
19
+ }
20
+ }
21
+
22
+ // Additional properties for button version
23
+ // iOS requires the button element instead of an anchor tag.
24
+ // If you want the anchor version, it requires `href="#"`.
25
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
26
+
27
+ // stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
28
+ button.close {
29
+ padding: 0;
30
+ background-color: transparent;
31
+ border: 0;
32
+ -webkit-appearance: none;
33
+ }
34
+ // stylelint-enable
@@ -0,0 +1,56 @@
1
+ // Inline and block code styles
2
+ code,
3
+ kbd,
4
+ pre,
5
+ samp {
6
+ font-family: $font-family-monospace;
7
+ }
8
+
9
+ // Inline code
10
+ code {
11
+ font-size: $code-font-size;
12
+ color: $code-color;
13
+ word-break: break-word;
14
+
15
+ // Streamline the style when inside anchors to avoid broken underline and more
16
+ a > & {
17
+ color: inherit;
18
+ }
19
+ }
20
+
21
+ // User input typically entered via keyboard
22
+ kbd {
23
+ padding: $kbd-padding-y $kbd-padding-x;
24
+ font-size: $kbd-font-size;
25
+ color: $kbd-color;
26
+ background-color: $kbd-bg;
27
+ @include border-radius($border-radius-sm);
28
+ @include box-shadow($kbd-box-shadow);
29
+
30
+ kbd {
31
+ padding: 0;
32
+ font-size: 100%;
33
+ font-weight: $nested-kbd-font-weight;
34
+ @include box-shadow(none);
35
+ }
36
+ }
37
+
38
+ // Blocks of code
39
+ pre {
40
+ display: block;
41
+ font-size: $code-font-size;
42
+ color: $pre-color;
43
+
44
+ // Account for some code outputs that place code tags in pre tags
45
+ code {
46
+ font-size: inherit;
47
+ color: inherit;
48
+ word-break: normal;
49
+ }
50
+ }
51
+
52
+ // Enable scrollable blocks of code
53
+ .pre-scrollable {
54
+ max-height: $pre-scrollable-max-height;
55
+ overflow-y: scroll;
56
+ }
@@ -0,0 +1,297 @@
1
+ // Embedded icons from Open Iconic.
2
+ // Released under MIT and copyright 2014 Waybury.
3
+ // https://useiconic.com/open
4
+
5
+
6
+ // Checkboxes and radios
7
+ //
8
+ // Base class takes care of all the key behavioral aspects.
9
+
10
+ .custom-control {
11
+ position: relative;
12
+ display: block;
13
+ min-height: (1rem * $line-height-base);
14
+ padding-left: $custom-control-gutter;
15
+ }
16
+
17
+ .custom-control-inline {
18
+ display: inline-flex;
19
+ margin-right: $custom-control-spacer-x;
20
+ }
21
+
22
+ .custom-control-input {
23
+ position: absolute;
24
+ z-index: -1; // Put the input behind the label so it doesn't overlay text
25
+ opacity: 0;
26
+
27
+ &:checked ~ .custom-control-label::before {
28
+ color: $custom-control-indicator-checked-color;
29
+ @include gradient-bg($custom-control-indicator-checked-bg);
30
+ @include box-shadow($custom-control-indicator-checked-box-shadow);
31
+ }
32
+
33
+ &:focus ~ .custom-control-label::before {
34
+ // the mixin is not used here to make sure there is feedback
35
+ box-shadow: $custom-control-indicator-focus-box-shadow;
36
+ }
37
+
38
+ &:active ~ .custom-control-label::before {
39
+ color: $custom-control-indicator-active-color;
40
+ background-color: $custom-control-indicator-active-bg;
41
+ @include box-shadow($custom-control-indicator-active-box-shadow);
42
+ }
43
+
44
+ &:disabled {
45
+ ~ .custom-control-label {
46
+ color: $custom-control-label-disabled-color;
47
+
48
+ &::before {
49
+ background-color: $custom-control-indicator-disabled-bg;
50
+ }
51
+ }
52
+ }
53
+ }
54
+
55
+ // Custom control indicators
56
+ //
57
+ // Build the custom controls out of psuedo-elements.
58
+
59
+ .custom-control-label {
60
+ margin-bottom: 0;
61
+
62
+ // Background-color and (when enabled) gradient
63
+ &::before {
64
+ position: absolute;
65
+ top: (($line-height-base - $custom-control-indicator-size) / 2);
66
+ left: 0;
67
+ display: block;
68
+ width: $custom-control-indicator-size;
69
+ height: $custom-control-indicator-size;
70
+ pointer-events: none;
71
+ content: "";
72
+ user-select: none;
73
+ background-color: $custom-control-indicator-bg;
74
+ @include box-shadow($custom-control-indicator-box-shadow);
75
+ }
76
+
77
+ // Foreground (icon)
78
+ &::after {
79
+ position: absolute;
80
+ top: (($line-height-base - $custom-control-indicator-size) / 2);
81
+ left: 0;
82
+ display: block;
83
+ width: $custom-control-indicator-size;
84
+ height: $custom-control-indicator-size;
85
+ content: "";
86
+ background-repeat: no-repeat;
87
+ background-position: center center;
88
+ background-size: $custom-control-indicator-bg-size;
89
+ }
90
+ }
91
+
92
+
93
+ // Checkboxes
94
+ //
95
+ // Tweak just a few things for checkboxes.
96
+
97
+ .custom-checkbox {
98
+ .custom-control-label::before {
99
+ @include border-radius($custom-checkbox-indicator-border-radius);
100
+ }
101
+
102
+ .custom-control-input:checked ~ .custom-control-label {
103
+ &::before {
104
+ @include gradient-bg($custom-control-indicator-checked-bg);
105
+ }
106
+ &::after {
107
+ background-image: $custom-checkbox-indicator-icon-checked;
108
+ }
109
+ }
110
+
111
+ .custom-control-input:indeterminate ~ .custom-control-label {
112
+ &::before {
113
+ @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
114
+ @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
115
+ }
116
+ &::after {
117
+ background-image: $custom-checkbox-indicator-icon-indeterminate;
118
+ }
119
+ }
120
+
121
+ .custom-control-input:disabled {
122
+ &:checked ~ .custom-control-label::before {
123
+ background-color: $custom-control-indicator-checked-disabled-bg;
124
+ }
125
+ &:indeterminate ~ .custom-control-label::before {
126
+ background-color: $custom-control-indicator-checked-disabled-bg;
127
+ }
128
+ }
129
+ }
130
+
131
+ // Radios
132
+ //
133
+ // Tweak just a few things for radios.
134
+
135
+ .custom-radio {
136
+ .custom-control-label::before {
137
+ border-radius: $custom-radio-indicator-border-radius;
138
+ }
139
+
140
+ .custom-control-input:checked ~ .custom-control-label {
141
+ &::before {
142
+ @include gradient-bg($custom-control-indicator-checked-bg);
143
+ }
144
+ &::after {
145
+ background-image: $custom-radio-indicator-icon-checked;
146
+ }
147
+ }
148
+
149
+ .custom-control-input:disabled {
150
+ &:checked ~ .custom-control-label::before {
151
+ background-color: $custom-control-indicator-checked-disabled-bg;
152
+ }
153
+ }
154
+ }
155
+
156
+
157
+ // Select
158
+ //
159
+ // Replaces the browser default select with a custom one, mostly pulled from
160
+ // http://primercss.io.
161
+ //
162
+
163
+ .custom-select {
164
+ display: inline-block;
165
+ width: 100%;
166
+ height: $custom-select-height;
167
+ padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
168
+ line-height: $custom-select-line-height;
169
+ color: $custom-select-color;
170
+ vertical-align: middle;
171
+ background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;
172
+ background-size: $custom-select-bg-size;
173
+ border: $custom-select-border-width solid $custom-select-border-color;
174
+ @if $enable-rounded {
175
+ border-radius: $custom-select-border-radius;
176
+ } @else {
177
+ border-radius: 0;
178
+ }
179
+ appearance: none;
180
+
181
+ &:focus {
182
+ border-color: $custom-select-focus-border-color;
183
+ outline: 0;
184
+ box-shadow: $custom-select-focus-box-shadow;
185
+
186
+ &::-ms-value {
187
+ // For visual consistency with other platforms/browsers,
188
+ // suppress the default white text on blue background highlight given to
189
+ // the selected option text when the (still closed) <select> receives focus
190
+ // in IE and (under certain conditions) Edge.
191
+ // See https://github.com/twbs/bootstrap/issues/19398.
192
+ color: $input-color;
193
+ background-color: $input-bg;
194
+ }
195
+ }
196
+
197
+ &[multiple],
198
+ &[size]:not([size="1"]) {
199
+ height: auto;
200
+ padding-right: $custom-select-padding-x;
201
+ background-image: none;
202
+ }
203
+
204
+ &:disabled {
205
+ color: $custom-select-disabled-color;
206
+ background-color: $custom-select-disabled-bg;
207
+ }
208
+
209
+ // Hides the default caret in IE11
210
+ &::-ms-expand {
211
+ opacity: 0;
212
+ }
213
+ }
214
+
215
+ .custom-select-sm {
216
+ height: $custom-select-height-sm;
217
+ padding-top: $custom-select-padding-y;
218
+ padding-bottom: $custom-select-padding-y;
219
+ font-size: $custom-select-font-size-sm;
220
+ }
221
+
222
+ .custom-select-lg {
223
+ height: $custom-select-height-lg;
224
+ padding-top: $custom-select-padding-y;
225
+ padding-bottom: $custom-select-padding-y;
226
+ font-size: $custom-select-font-size-lg;
227
+ }
228
+
229
+
230
+ // File
231
+ //
232
+ // Custom file input.
233
+
234
+ .custom-file {
235
+ position: relative;
236
+ display: inline-block;
237
+ width: 100%;
238
+ height: $custom-file-height;
239
+ margin-bottom: 0;
240
+ }
241
+
242
+ .custom-file-input {
243
+ position: relative;
244
+ z-index: 2;
245
+ width: 100%;
246
+ height: $custom-file-height;
247
+ margin: 0;
248
+ opacity: 0;
249
+
250
+ &:focus ~ .custom-file-control {
251
+ border-color: $custom-file-focus-border-color;
252
+ box-shadow: $custom-file-focus-box-shadow;
253
+
254
+ &::before {
255
+ border-color: $custom-file-focus-border-color;
256
+ }
257
+ }
258
+
259
+ @each $lang, $value in $custom-file-text {
260
+ &:lang(#{$lang}) ~ .custom-file-label::after {
261
+ content: $value;
262
+ }
263
+ }
264
+ }
265
+
266
+ .custom-file-label {
267
+ position: absolute;
268
+ top: 0;
269
+ right: 0;
270
+ left: 0;
271
+ z-index: 1;
272
+ height: $custom-file-height;
273
+ padding: $custom-file-padding-y $custom-file-padding-x;
274
+ line-height: $custom-file-line-height;
275
+ color: $custom-file-color;
276
+ background-color: $custom-file-bg;
277
+ border: $custom-file-border-width solid $custom-file-border-color;
278
+ @include border-radius($custom-file-border-radius);
279
+ @include box-shadow($custom-file-box-shadow);
280
+
281
+ &::after {
282
+ position: absolute;
283
+ top: 0;
284
+ right: 0;
285
+ bottom: 0;
286
+ z-index: 3;
287
+ display: block;
288
+ height: calc(#{$custom-file-height} - #{$custom-file-border-width} * 2);
289
+ padding: $custom-file-padding-y $custom-file-padding-x;
290
+ line-height: $custom-file-line-height;
291
+ color: $custom-file-button-color;
292
+ content: "Browse";
293
+ @include gradient-bg($custom-file-button-bg);
294
+ border-left: $custom-file-border-width solid $custom-file-border-color;
295
+ @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
296
+ }
297
+ }
@@ -0,0 +1,131 @@
1
+ // The dropdown wrapper (`<div>`)
2
+ .dropup,
3
+ .dropdown {
4
+ position: relative;
5
+ }
6
+
7
+ .dropdown-toggle {
8
+ // Generate the caret automatically
9
+ @include caret;
10
+ }
11
+
12
+ // The dropdown menu
13
+ .dropdown-menu {
14
+ position: absolute;
15
+ top: 100%;
16
+ left: 0;
17
+ z-index: $zindex-dropdown;
18
+ display: none; // none by default, but block on "open" of the menu
19
+ float: left;
20
+ min-width: $dropdown-min-width;
21
+ padding: $dropdown-padding-y 0;
22
+ margin: $dropdown-spacer 0 0; // override default ul
23
+ font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
24
+ color: $body-color;
25
+ text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
26
+ list-style: none;
27
+ background-color: $dropdown-bg;
28
+ background-clip: padding-box;
29
+ border: $dropdown-border-width solid $dropdown-border-color;
30
+ @include border-radius($dropdown-border-radius);
31
+ @include box-shadow($dropdown-box-shadow);
32
+ }
33
+
34
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
35
+ // Just add .dropup after the standard .dropdown class and you're set.
36
+ .dropup {
37
+ .dropdown-menu {
38
+ margin-top: 0;
39
+ margin-bottom: $dropdown-spacer;
40
+ }
41
+
42
+ .dropdown-toggle {
43
+ @include caret(up);
44
+ }
45
+ }
46
+
47
+ .dropright {
48
+ .dropdown-menu {
49
+ margin-top: 0;
50
+ margin-left: $dropdown-spacer;
51
+ }
52
+
53
+ .dropdown-toggle {
54
+ @include caret(right);
55
+ &::after {
56
+ vertical-align: 0;
57
+ }
58
+ }
59
+ }
60
+
61
+ .dropleft {
62
+ .dropdown-menu {
63
+ margin-top: 0;
64
+ margin-right: $dropdown-spacer;
65
+ }
66
+
67
+ .dropdown-toggle {
68
+ @include caret(left);
69
+ &::before {
70
+ vertical-align: 0;
71
+ }
72
+ }
73
+ }
74
+
75
+ // Dividers (basically an `<hr>`) within the dropdown
76
+ .dropdown-divider {
77
+ @include nav-divider($dropdown-divider-bg);
78
+ }
79
+
80
+ // Links, buttons, and more within the dropdown menu
81
+ //
82
+ // `<button>`-specific styles are denoted with `// For <button>s`
83
+ .dropdown-item {
84
+ display: block;
85
+ width: 100%; // For `<button>`s
86
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
87
+ clear: both;
88
+ font-weight: $font-weight-normal;
89
+ color: $dropdown-link-color;
90
+ text-align: inherit; // For `<button>`s
91
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
92
+ background-color: transparent; // For `<button>`s
93
+ border: 0; // For `<button>`s
94
+
95
+ @include hover-focus {
96
+ color: $dropdown-link-hover-color;
97
+ text-decoration: none;
98
+ @include gradient-bg($dropdown-link-hover-bg);
99
+ }
100
+
101
+ &.active,
102
+ &:active {
103
+ color: $dropdown-link-active-color;
104
+ text-decoration: none;
105
+ @include gradient-bg($dropdown-link-active-bg);
106
+ }
107
+
108
+ &.disabled,
109
+ &:disabled {
110
+ color: $dropdown-link-disabled-color;
111
+ background-color: transparent;
112
+ // Remove CSS gradients if they're enabled
113
+ @if $enable-gradients {
114
+ background-image: none;
115
+ }
116
+ }
117
+ }
118
+
119
+ .dropdown-menu.show {
120
+ display: block;
121
+ }
122
+
123
+ // Dropdown section headers
124
+ .dropdown-header {
125
+ display: block;
126
+ padding: $dropdown-padding-y $dropdown-item-padding-x;
127
+ margin-bottom: 0; // for use with heading elements
128
+ font-size: $font-size-sm;
129
+ color: $dropdown-header-color;
130
+ white-space: nowrap; // as with > li > a
131
+ }