seriously_simple_static_starter 0.1.1

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