geekyll 0.0.9

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 (104) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +48 -0
  4. data/_includes/footer.html +20 -0
  5. data/_includes/head.html +27 -0
  6. data/_includes/header.html +18 -0
  7. data/_includes/image.html +14 -0
  8. data/_includes/javascripts.html +7 -0
  9. data/_includes/navigation.html +16 -0
  10. data/_includes/social.html +15 -0
  11. data/_layouts/default.html +10 -0
  12. data/_layouts/index.html +48 -0
  13. data/_layouts/page.html +23 -0
  14. data/_layouts/post.html +5 -0
  15. data/_layouts/root.html +14 -0
  16. data/_sass/geekyll/_icons.scss +9 -0
  17. data/_sass/geekyll/_layout.scss +233 -0
  18. data/_sass/geekyll/_pages.scss +232 -0
  19. data/_sass/geekyll/_typography.scss +4 -0
  20. data/_sass/geekyll/bootstrap4alpha4/_alert.scss +56 -0
  21. data/_sass/geekyll/bootstrap4alpha4/_animation.scss +27 -0
  22. data/_sass/geekyll/bootstrap4alpha4/_breadcrumb.scss +38 -0
  23. data/_sass/geekyll/bootstrap4alpha4/_button-group.scss +234 -0
  24. data/_sass/geekyll/bootstrap4alpha4/_buttons.scss +176 -0
  25. data/_sass/geekyll/bootstrap4alpha4/_card.scss +320 -0
  26. data/_sass/geekyll/bootstrap4alpha4/_carousel.scss +253 -0
  27. data/_sass/geekyll/bootstrap4alpha4/_close.scss +31 -0
  28. data/_sass/geekyll/bootstrap4alpha4/_code.scss +57 -0
  29. data/_sass/geekyll/bootstrap4alpha4/_custom-forms.scss +265 -0
  30. data/_sass/geekyll/bootstrap4alpha4/_custom.scss +4 -0
  31. data/_sass/geekyll/bootstrap4alpha4/_dropdown.scss +179 -0
  32. data/_sass/geekyll/bootstrap4alpha4/_forms.scss +364 -0
  33. data/_sass/geekyll/bootstrap4alpha4/_grid.scss +39 -0
  34. data/_sass/geekyll/bootstrap4alpha4/_images.scss +52 -0
  35. data/_sass/geekyll/bootstrap4alpha4/_input-group.scss +188 -0
  36. data/_sass/geekyll/bootstrap4alpha4/_jumbotron.scss +20 -0
  37. data/_sass/geekyll/bootstrap4alpha4/_list-group.scss +123 -0
  38. data/_sass/geekyll/bootstrap4alpha4/_media.scss +81 -0
  39. data/_sass/geekyll/bootstrap4alpha4/_mixins.scss +54 -0
  40. data/_sass/geekyll/bootstrap4alpha4/_modal.scss +132 -0
  41. data/_sass/geekyll/bootstrap4alpha4/_nav.scss +157 -0
  42. data/_sass/geekyll/bootstrap4alpha4/_navbar.scss +256 -0
  43. data/_sass/geekyll/bootstrap4alpha4/_normalize.scss +424 -0
  44. data/_sass/geekyll/bootstrap4alpha4/_pagination.scss +73 -0
  45. data/_sass/geekyll/bootstrap4alpha4/_popover.scss +147 -0
  46. data/_sass/geekyll/bootstrap4alpha4/_print.scss +116 -0
  47. data/_sass/geekyll/bootstrap4alpha4/_progress.scss +145 -0
  48. data/_sass/geekyll/bootstrap4alpha4/_reboot.scss +393 -0
  49. data/_sass/geekyll/bootstrap4alpha4/_responsive-embed.scss +39 -0
  50. data/_sass/geekyll/bootstrap4alpha4/_tables.scss +196 -0
  51. data/_sass/geekyll/bootstrap4alpha4/_tags.scss +77 -0
  52. data/_sass/geekyll/bootstrap4alpha4/_tooltip.scss +87 -0
  53. data/_sass/geekyll/bootstrap4alpha4/_type.scss +150 -0
  54. data/_sass/geekyll/bootstrap4alpha4/_utilities.scss +9 -0
  55. data/_sass/geekyll/bootstrap4alpha4/_variables.scss +830 -0
  56. data/_sass/geekyll/bootstrap4alpha4/bootstrap-flex.scss +8 -0
  57. data/_sass/geekyll/bootstrap4alpha4/bootstrap-grid.scss +23 -0
  58. data/_sass/geekyll/bootstrap4alpha4/bootstrap-reboot.scss +11 -0
  59. data/_sass/geekyll/bootstrap4alpha4/bootstrap.scss +54 -0
  60. data/_sass/geekyll/bootstrap4alpha4/mixins/_alert.scss +14 -0
  61. data/_sass/geekyll/bootstrap4alpha4/mixins/_background-variant.scss +13 -0
  62. data/_sass/geekyll/bootstrap4alpha4/mixins/_border-radius.scss +35 -0
  63. data/_sass/geekyll/bootstrap4alpha4/mixins/_breakpoints.scss +86 -0
  64. data/_sass/geekyll/bootstrap4alpha4/mixins/_buttons.scss +113 -0
  65. data/_sass/geekyll/bootstrap4alpha4/mixins/_cards.scss +44 -0
  66. data/_sass/geekyll/bootstrap4alpha4/mixins/_clearfix.scss +7 -0
  67. data/_sass/geekyll/bootstrap4alpha4/mixins/_forms.scss +86 -0
  68. data/_sass/geekyll/bootstrap4alpha4/mixins/_gradients.scss +43 -0
  69. data/_sass/geekyll/bootstrap4alpha4/mixins/_grid-framework.scss +70 -0
  70. data/_sass/geekyll/bootstrap4alpha4/mixins/_grid.scss +84 -0
  71. data/_sass/geekyll/bootstrap4alpha4/mixins/_hover.scss +60 -0
  72. data/_sass/geekyll/bootstrap4alpha4/mixins/_image.scss +34 -0
  73. data/_sass/geekyll/bootstrap4alpha4/mixins/_list-group.scss +30 -0
  74. data/_sass/geekyll/bootstrap4alpha4/mixins/_lists.scss +7 -0
  75. data/_sass/geekyll/bootstrap4alpha4/mixins/_nav-divider.scss +10 -0
  76. data/_sass/geekyll/bootstrap4alpha4/mixins/_navbar-align.scss +9 -0
  77. data/_sass/geekyll/bootstrap4alpha4/mixins/_pagination.scss +21 -0
  78. data/_sass/geekyll/bootstrap4alpha4/mixins/_progress.scss +23 -0
  79. data/_sass/geekyll/bootstrap4alpha4/mixins/_pulls.scss +6 -0
  80. data/_sass/geekyll/bootstrap4alpha4/mixins/_reset-filter.scss +8 -0
  81. data/_sass/geekyll/bootstrap4alpha4/mixins/_reset-text.scss +17 -0
  82. data/_sass/geekyll/bootstrap4alpha4/mixins/_resize.scss +6 -0
  83. data/_sass/geekyll/bootstrap4alpha4/mixins/_screen-reader.scss +32 -0
  84. data/_sass/geekyll/bootstrap4alpha4/mixins/_size.scss +6 -0
  85. data/_sass/geekyll/bootstrap4alpha4/mixins/_tab-focus.scss +9 -0
  86. data/_sass/geekyll/bootstrap4alpha4/mixins/_table-row.scss +30 -0
  87. data/_sass/geekyll/bootstrap4alpha4/mixins/_tag.scss +11 -0
  88. data/_sass/geekyll/bootstrap4alpha4/mixins/_text-emphasis.scss +12 -0
  89. data/_sass/geekyll/bootstrap4alpha4/mixins/_text-hide.scss +8 -0
  90. data/_sass/geekyll/bootstrap4alpha4/mixins/_text-truncate.scss +8 -0
  91. data/_sass/geekyll/bootstrap4alpha4/utilities/_background.scss +19 -0
  92. data/_sass/geekyll/bootstrap4alpha4/utilities/_clearfix.scss +3 -0
  93. data/_sass/geekyll/bootstrap4alpha4/utilities/_display.scss +13 -0
  94. data/_sass/geekyll/bootstrap4alpha4/utilities/_flex.scss +37 -0
  95. data/_sass/geekyll/bootstrap4alpha4/utilities/_pulls.scss +13 -0
  96. data/_sass/geekyll/bootstrap4alpha4/utilities/_screenreaders.scss +11 -0
  97. data/_sass/geekyll/bootstrap4alpha4/utilities/_spacing.scss +43 -0
  98. data/_sass/geekyll/bootstrap4alpha4/utilities/_text.scss +51 -0
  99. data/_sass/geekyll/bootstrap4alpha4/utilities/_visibility.scss +55 -0
  100. data/_sass/geekyll/reset.scss +9 -0
  101. data/_sass/geekyll/social.scss +5 -0
  102. data/_sass/geekyll.scss +39 -0
  103. data/screenshot.png +0 -0
  104. metadata +188 -0
@@ -0,0 +1,253 @@
1
+ // Wrapper for the slide container and indicators
2
+ .carousel {
3
+ position: relative;
4
+ }
5
+
6
+ .carousel-inner {
7
+ position: relative;
8
+ width: 100%;
9
+ overflow: hidden;
10
+
11
+ > .carousel-item {
12
+ position: relative;
13
+ display: none;
14
+ transition: .6s ease-in-out left;
15
+
16
+ // Account for jankitude on images
17
+ > img,
18
+ > a > img {
19
+ @extend .img-fluid;
20
+ line-height: 1;
21
+ }
22
+
23
+ // WebKit CSS3 transforms for supported devices
24
+ @media all and (transform-3d), (-webkit-transform-3d) {
25
+ transition: transform .6s ease-in-out;
26
+ backface-visibility: hidden;
27
+ perspective: 1000px;
28
+
29
+ &.next,
30
+ &.active.right {
31
+ left: 0;
32
+ transform: translate3d(100%, 0, 0);
33
+ }
34
+ &.prev,
35
+ &.active.left {
36
+ left: 0;
37
+ transform: translate3d(-100%, 0, 0);
38
+ }
39
+ &.next.left,
40
+ &.prev.right,
41
+ &.active {
42
+ left: 0;
43
+ transform: translate3d(0, 0, 0);
44
+ }
45
+ }
46
+ }
47
+
48
+ > .active,
49
+ > .next,
50
+ > .prev {
51
+ display: block;
52
+ }
53
+
54
+ > .active {
55
+ left: 0;
56
+ }
57
+
58
+ > .next,
59
+ > .prev {
60
+ position: absolute;
61
+ top: 0;
62
+ width: 100%;
63
+ }
64
+
65
+ > .next {
66
+ left: 100%;
67
+ }
68
+ > .prev {
69
+ left: -100%;
70
+ }
71
+ > .next.left,
72
+ > .prev.right {
73
+ left: 0;
74
+ }
75
+
76
+ > .active.left {
77
+ left: -100%;
78
+ }
79
+ > .active.right {
80
+ left: 100%;
81
+ }
82
+ }
83
+
84
+
85
+ //
86
+ // Left/right controls for nav
87
+ //
88
+
89
+ .carousel-control {
90
+ position: absolute;
91
+ top: 0;
92
+ bottom: 0;
93
+ left: 0;
94
+ width: $carousel-control-width;
95
+ font-size: $carousel-control-font-size;
96
+ color: $carousel-control-color;
97
+ text-align: center;
98
+ text-shadow: $carousel-text-shadow;
99
+ opacity: $carousel-control-opacity;
100
+ // We can't have this transition here because WebKit cancels the carousel
101
+ // animation if you trip this while in the middle of another animation.
102
+
103
+ // Set gradients for backgrounds
104
+ &.left {
105
+ @include gradient-x($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
106
+ }
107
+ &.right {
108
+ right: 0;
109
+ left: auto;
110
+ @include gradient-x($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
111
+ }
112
+
113
+ // Hover/focus state
114
+ @include hover-focus {
115
+ color: $carousel-control-color;
116
+ text-decoration: none;
117
+ outline: 0;
118
+ opacity: .9;
119
+ }
120
+
121
+ // Toggles
122
+ .icon-prev,
123
+ .icon-next {
124
+ position: absolute;
125
+ top: 50%;
126
+ z-index: 5;
127
+ display: inline-block;
128
+ width: $carousel-icon-width;
129
+ height: $carousel-icon-width;
130
+ margin-top: -($carousel-icon-width / 2);
131
+ font-family: serif;
132
+ line-height: 1;
133
+ }
134
+ .icon-prev {
135
+ left: 50%;
136
+ margin-left: -($carousel-icon-width / 2);
137
+ }
138
+ .icon-next {
139
+ right: 50%;
140
+ margin-right: -($carousel-icon-width / 2);
141
+ }
142
+
143
+ .icon-prev {
144
+ &::before {
145
+ content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
146
+ }
147
+ }
148
+ .icon-next {
149
+ &::before {
150
+ content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
151
+ }
152
+ }
153
+ }
154
+
155
+
156
+ // Optional indicator pips
157
+ //
158
+ // Add an unordered list with the following class and add a list item for each
159
+ // slide your carousel holds.
160
+
161
+ .carousel-indicators {
162
+ position: absolute;
163
+ bottom: 10px;
164
+ left: 50%;
165
+ z-index: 15;
166
+ width: $carousel-indicators-width;
167
+ padding-left: 0;
168
+ margin-left: -($carousel-indicators-width / 2);
169
+ text-align: center;
170
+ list-style: none;
171
+
172
+ li {
173
+ display: inline-block;
174
+ width: $carousel-indicator-size;
175
+ height: $carousel-indicator-size;
176
+ margin: 1px;
177
+ text-indent: -999px;
178
+ cursor: pointer;
179
+ // IE9 hack for event handling
180
+ //
181
+ // Internet Explorer 9 does not properly handle clicks on elements with a `background-color` of `transparent`,
182
+ // so we use `rgba(0,0,0,0)` instead since it's a non-buggy equivalent.
183
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer
184
+ background-color: rgba(0,0,0,0); // IE9
185
+ border: 1px solid $carousel-indicator-border-color;
186
+ border-radius: $carousel-indicator-size;
187
+ }
188
+
189
+ .active {
190
+ width: $carousel-indicator-active-size;
191
+ height: $carousel-indicator-active-size;
192
+ margin: 0;
193
+ background-color: $carousel-indicator-active-bg;
194
+ }
195
+ }
196
+
197
+
198
+ // Optional captions
199
+ //
200
+ // Hidden by default for smaller viewports.
201
+
202
+ .carousel-caption {
203
+ position: absolute;
204
+ right: ((100% - $carousel-caption-width) / 2);
205
+ bottom: 20px;
206
+ left: ((100% - $carousel-caption-width) / 2);
207
+ z-index: 10;
208
+ padding-top: 20px;
209
+ padding-bottom: 20px;
210
+ color: $carousel-caption-color;
211
+ text-align: center;
212
+ text-shadow: $carousel-text-shadow;
213
+
214
+ .btn {
215
+ text-shadow: none; // No shadow for button elements in carousel-caption
216
+ }
217
+ }
218
+
219
+
220
+ //
221
+ // Responsive variations
222
+ //
223
+
224
+ @include media-breakpoint-up(sm) {
225
+ // Scale up the controls a smidge
226
+ .carousel-control {
227
+ .icon-prev,
228
+ .icon-next {
229
+ width: $carousel-control-sm-up-size;
230
+ height: $carousel-control-sm-up-size;
231
+ margin-top: -($carousel-control-sm-up-size / 2);
232
+ font-size: $carousel-control-sm-up-size;
233
+ }
234
+ .icon-prev {
235
+ margin-left: -($carousel-control-sm-up-size / 2);
236
+ }
237
+ .icon-next {
238
+ margin-right: -($carousel-control-sm-up-size / 2);
239
+ }
240
+ }
241
+
242
+ // Show and left align the captions
243
+ .carousel-caption {
244
+ right: ((100% - $carousel-caption-sm-up-width) / 2);
245
+ left: ((100% - $carousel-caption-sm-up-width) / 2);
246
+ padding-bottom: 30px;
247
+ }
248
+
249
+ // Move up the indicators
250
+ .carousel-indicators {
251
+ bottom: 20px;
252
+ }
253
+ }
@@ -0,0 +1,31 @@
1
+ .close {
2
+ float: right;
3
+ font-size: ($font-size-base * 1.5);
4
+ font-weight: $close-font-weight;
5
+ line-height: 1;
6
+ color: $close-color;
7
+ text-shadow: $close-text-shadow;
8
+ opacity: .2;
9
+
10
+ @include hover-focus {
11
+ color: $close-color;
12
+ text-decoration: none;
13
+ cursor: pointer;
14
+ opacity: .5;
15
+ }
16
+ }
17
+
18
+ // Additional properties for button version
19
+ // iOS requires the button element instead of an anchor tag.
20
+ // If you want the anchor version, it requires `href="#"`.
21
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
22
+
23
+ // scss-lint:disable QualifyingElement
24
+ button.close {
25
+ padding: 0;
26
+ cursor: pointer;
27
+ background: transparent;
28
+ border: 0;
29
+ -webkit-appearance: none;
30
+ }
31
+ // scss-lint:enable QualifyingElement
@@ -0,0 +1,57 @@
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
+ padding: $code-padding-y $code-padding-x;
12
+ font-size: $code-font-size;
13
+ color: $code-color;
14
+ background-color: $code-bg;
15
+ @include border-radius($border-radius);
16
+ }
17
+
18
+ // User input typically entered via keyboard
19
+ kbd {
20
+ padding: $code-padding-y $code-padding-x;
21
+ font-size: $code-font-size;
22
+ color: $kbd-color;
23
+ background-color: $kbd-bg;
24
+ @include border-radius($border-radius-sm);
25
+ @include box-shadow($kbd-box-shadow);
26
+
27
+ kbd {
28
+ padding: 0;
29
+ font-size: 100%;
30
+ font-weight: $nested-kbd-font-weight;
31
+ @include box-shadow(none);
32
+ }
33
+ }
34
+
35
+ // Blocks of code
36
+ pre {
37
+ display: block;
38
+ margin-top: 0;
39
+ margin-bottom: 1rem;
40
+ font-size: $code-font-size;
41
+ color: $pre-color;
42
+
43
+ // Account for some code outputs that place code tags in pre tags
44
+ code {
45
+ padding: 0;
46
+ font-size: inherit;
47
+ color: inherit;
48
+ background-color: transparent;
49
+ border-radius: 0;
50
+ }
51
+ }
52
+
53
+ // Enable scrollable blocks of code
54
+ .pre-scrollable {
55
+ max-height: $pre-scrollable-max-height;
56
+ overflow-y: scroll;
57
+ }
@@ -0,0 +1,265 @@
1
+ // scss-lint:disable PropertyCount
2
+
3
+ // Embedded icons from Open Iconic.
4
+ // Released under MIT and copyright 2014 Waybury.
5
+ // http://useiconic.com/open
6
+
7
+
8
+ // Checkboxes and radios
9
+ //
10
+ // Base class takes care of all the key behavioral aspects.
11
+
12
+ .custom-control {
13
+ position: relative;
14
+ display: inline;
15
+ padding-left: $custom-control-gutter;
16
+ cursor: pointer;
17
+
18
+ + .custom-control {
19
+ margin-left: $custom-control-spacer-x;
20
+ }
21
+ }
22
+
23
+ .custom-control-input {
24
+ position: absolute;
25
+ z-index: -1; // Put the input behind the label so it doesn't overlay text
26
+ opacity: 0;
27
+
28
+ &:checked ~ .custom-control-indicator {
29
+ color: $custom-control-checked-indicator-color;
30
+ background-color: $custom-control-checked-indicator-bg;
31
+ @include box-shadow($custom-control-checked-indicator-box-shadow);
32
+ }
33
+
34
+ &:focus ~ .custom-control-indicator {
35
+ // the mixin is not used here to make sure there is feedback
36
+ box-shadow: $custom-control-focus-indicator-box-shadow;
37
+ }
38
+
39
+ &:active ~ .custom-control-indicator {
40
+ color: $custom-control-active-indicator-color;
41
+ background-color: $custom-control-active-indicator-bg;
42
+ @include box-shadow($custom-control-active-indicator-box-shadow);
43
+ }
44
+
45
+ &:disabled {
46
+ ~ .custom-control-indicator {
47
+ cursor: $custom-control-disabled-cursor;
48
+ background-color: $custom-control-disabled-indicator-bg;
49
+ }
50
+
51
+ ~ .custom-control-description {
52
+ color: $custom-control-disabled-description-color;
53
+ cursor: $custom-control-disabled-cursor;
54
+ }
55
+ }
56
+ }
57
+
58
+ // Custom indicator
59
+ //
60
+ // Generates a shadow element to create our makeshift checkbox/radio background.
61
+
62
+ .custom-control-indicator {
63
+ position: absolute;
64
+ top: .0625rem;
65
+ left: 0;
66
+ display: block;
67
+ width: $custom-control-indicator-size;
68
+ height: $custom-control-indicator-size;
69
+ pointer-events: none;
70
+ user-select: none;
71
+ background-color: $custom-control-indicator-bg;
72
+ background-repeat: no-repeat;
73
+ background-position: center center;
74
+ background-size: $custom-control-indicator-bg-size;
75
+ @include box-shadow($custom-control-indicator-box-shadow);
76
+ }
77
+
78
+ // Checkboxes
79
+ //
80
+ // Tweak just a few things for checkboxes.
81
+
82
+ .custom-checkbox {
83
+ .custom-control-indicator {
84
+ @include border-radius($custom-checkbox-radius);
85
+ }
86
+
87
+ .custom-control-input:checked ~ .custom-control-indicator {
88
+ background-image: $custom-checkbox-checked-icon;
89
+ }
90
+
91
+ .custom-control-input:indeterminate ~ .custom-control-indicator {
92
+ background-color: $custom-checkbox-indeterminate-bg;
93
+ background-image: $custom-checkbox-indeterminate-icon;
94
+ @include box-shadow($custom-checkbox-indeterminate-box-shadow);
95
+ }
96
+ }
97
+
98
+ // Radios
99
+ //
100
+ // Tweak just a few things for radios.
101
+
102
+ .custom-radio {
103
+ .custom-control-indicator {
104
+ border-radius: $custom-radio-radius;
105
+ }
106
+
107
+ .custom-control-input:checked ~ .custom-control-indicator {
108
+ background-image: $custom-radio-checked-icon;
109
+ }
110
+ }
111
+
112
+
113
+ // Layout options
114
+ //
115
+ // By default radios and checkboxes are `inline-block` with no additional spacing
116
+ // set. Use these optional classes to tweak the layout.
117
+
118
+ .custom-controls-stacked {
119
+ .custom-control {
120
+ display: inline;
121
+
122
+ &::after {
123
+ display: block;
124
+ margin-bottom: $custom-control-spacer-y;
125
+ content: "";
126
+ }
127
+
128
+ + .custom-control {
129
+ margin-left: 0;
130
+ }
131
+ }
132
+ }
133
+
134
+
135
+ // Select
136
+ //
137
+ // Replaces the browser default select with a custom one, mostly pulled from
138
+ // http://primercss.io.
139
+ //
140
+ // Includes IE9-specific hacks (noted by ` \9`).
141
+
142
+ .custom-select {
143
+ display: inline-block;
144
+ max-width: 100%;
145
+ padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
146
+ padding-right: $custom-select-padding-x \9;
147
+ color: $custom-select-color;
148
+ vertical-align: middle;
149
+ background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;
150
+ background-image: none \9;
151
+ background-size: $custom-select-bg-size;
152
+ border: $custom-select-border-width solid $custom-select-border-color;
153
+ @include border-radius($custom-select-border-radius);
154
+ // Use vendor prefixes as `appearance` isn't part of the CSS spec.
155
+ -moz-appearance: none;
156
+ -webkit-appearance: none;
157
+
158
+ &:focus {
159
+ border-color: $custom-select-focus-border-color;
160
+ outline: none;
161
+ @include box-shadow($custom-select-focus-box-shadow);
162
+
163
+ &::-ms-value {
164
+ // For visual consistency with other platforms/browsers,
165
+ // supress the default white text on blue background highlight given to
166
+ // the selected option text when the (still closed) <select> receives focus
167
+ // in IE and (under certain conditions) Edge.
168
+ // See https://github.com/twbs/bootstrap/issues/19398.
169
+ color: $input-color;
170
+ background-color: $input-bg;
171
+ }
172
+ }
173
+
174
+ &:disabled {
175
+ color: $custom-select-disabled-color;
176
+ cursor: $cursor-disabled;
177
+ background-color: $custom-select-disabled-bg;
178
+ }
179
+
180
+ // Hides the default caret in IE11
181
+ &::-ms-expand {
182
+ opacity: 0;
183
+ }
184
+ }
185
+
186
+ .custom-select-sm {
187
+ padding-top: $custom-select-padding-y;
188
+ padding-bottom: $custom-select-padding-y;
189
+ font-size: $custom-select-sm-font-size;
190
+
191
+ // &:not([multiple]) {
192
+ // height: 26px;
193
+ // min-height: 26px;
194
+ // }
195
+ }
196
+
197
+
198
+ // File
199
+ //
200
+ // Custom file input.
201
+
202
+ .custom-file {
203
+ position: relative;
204
+ display: inline-block;
205
+ max-width: 100%;
206
+ height: $custom-file-height;
207
+ cursor: pointer;
208
+ }
209
+
210
+ .custom-file-input {
211
+ min-width: $custom-file-width;
212
+ max-width: 100%;
213
+ margin: 0;
214
+ filter: alpha(opacity = 0);
215
+ opacity: 0;
216
+
217
+ &:focus ~ .custom-file-control {
218
+ @include box-shadow($custom-file-focus-box-shadow);
219
+ }
220
+ }
221
+
222
+ .custom-file-control {
223
+ position: absolute;
224
+ top: 0;
225
+ right: 0;
226
+ left: 0;
227
+ z-index: 5;
228
+ height: $custom-file-height;
229
+ padding: $custom-file-padding-x $custom-file-padding-y;
230
+ line-height: $custom-file-line-height;
231
+ color: $custom-file-color;
232
+ user-select: none;
233
+ background-color: $custom-file-bg;
234
+ border: $custom-file-border-width solid $custom-file-border-color;
235
+ @include border-radius($custom-file-border-radius);
236
+ @include box-shadow($custom-file-box-shadow);
237
+
238
+ @each $lang, $text in map-get($custom-file-text, placeholder) {
239
+ &:lang(#{$lang})::after {
240
+ content: $text;
241
+ }
242
+ }
243
+
244
+ &::before {
245
+ position: absolute;
246
+ top: -$custom-file-border-width;
247
+ right: -$custom-file-border-width;
248
+ bottom: -$custom-file-border-width;
249
+ z-index: 6;
250
+ display: block;
251
+ height: $custom-file-height;
252
+ padding: $custom-file-padding-x $custom-file-padding-y;
253
+ line-height: $custom-file-line-height;
254
+ color: $custom-file-button-color;
255
+ background-color: $custom-file-button-bg;
256
+ border: $custom-file-border-width solid $custom-file-border-color;
257
+ @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
258
+ }
259
+
260
+ @each $lang, $text in map-get($custom-file-text, button-label) {
261
+ &:lang(#{$lang})::before {
262
+ content: $text;
263
+ }
264
+ }
265
+ }
@@ -0,0 +1,4 @@
1
+ // Bootstrap overrides
2
+ //
3
+ // Copy variables from `_variables.scss` to this file to override default values
4
+ // without modifying source files.