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.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +48 -0
- data/_includes/footer.html +20 -0
- data/_includes/head.html +27 -0
- data/_includes/header.html +18 -0
- data/_includes/image.html +14 -0
- data/_includes/javascripts.html +7 -0
- data/_includes/navigation.html +16 -0
- data/_includes/social.html +15 -0
- data/_layouts/default.html +10 -0
- data/_layouts/index.html +48 -0
- data/_layouts/page.html +23 -0
- data/_layouts/post.html +5 -0
- data/_layouts/root.html +14 -0
- data/_sass/geekyll/_icons.scss +9 -0
- data/_sass/geekyll/_layout.scss +233 -0
- data/_sass/geekyll/_pages.scss +232 -0
- data/_sass/geekyll/_typography.scss +4 -0
- data/_sass/geekyll/bootstrap4alpha4/_alert.scss +56 -0
- data/_sass/geekyll/bootstrap4alpha4/_animation.scss +27 -0
- data/_sass/geekyll/bootstrap4alpha4/_breadcrumb.scss +38 -0
- data/_sass/geekyll/bootstrap4alpha4/_button-group.scss +234 -0
- data/_sass/geekyll/bootstrap4alpha4/_buttons.scss +176 -0
- data/_sass/geekyll/bootstrap4alpha4/_card.scss +320 -0
- data/_sass/geekyll/bootstrap4alpha4/_carousel.scss +253 -0
- data/_sass/geekyll/bootstrap4alpha4/_close.scss +31 -0
- data/_sass/geekyll/bootstrap4alpha4/_code.scss +57 -0
- data/_sass/geekyll/bootstrap4alpha4/_custom-forms.scss +265 -0
- data/_sass/geekyll/bootstrap4alpha4/_custom.scss +4 -0
- data/_sass/geekyll/bootstrap4alpha4/_dropdown.scss +179 -0
- data/_sass/geekyll/bootstrap4alpha4/_forms.scss +364 -0
- data/_sass/geekyll/bootstrap4alpha4/_grid.scss +39 -0
- data/_sass/geekyll/bootstrap4alpha4/_images.scss +52 -0
- data/_sass/geekyll/bootstrap4alpha4/_input-group.scss +188 -0
- data/_sass/geekyll/bootstrap4alpha4/_jumbotron.scss +20 -0
- data/_sass/geekyll/bootstrap4alpha4/_list-group.scss +123 -0
- data/_sass/geekyll/bootstrap4alpha4/_media.scss +81 -0
- data/_sass/geekyll/bootstrap4alpha4/_mixins.scss +54 -0
- data/_sass/geekyll/bootstrap4alpha4/_modal.scss +132 -0
- data/_sass/geekyll/bootstrap4alpha4/_nav.scss +157 -0
- data/_sass/geekyll/bootstrap4alpha4/_navbar.scss +256 -0
- data/_sass/geekyll/bootstrap4alpha4/_normalize.scss +424 -0
- data/_sass/geekyll/bootstrap4alpha4/_pagination.scss +73 -0
- data/_sass/geekyll/bootstrap4alpha4/_popover.scss +147 -0
- data/_sass/geekyll/bootstrap4alpha4/_print.scss +116 -0
- data/_sass/geekyll/bootstrap4alpha4/_progress.scss +145 -0
- data/_sass/geekyll/bootstrap4alpha4/_reboot.scss +393 -0
- data/_sass/geekyll/bootstrap4alpha4/_responsive-embed.scss +39 -0
- data/_sass/geekyll/bootstrap4alpha4/_tables.scss +196 -0
- data/_sass/geekyll/bootstrap4alpha4/_tags.scss +77 -0
- data/_sass/geekyll/bootstrap4alpha4/_tooltip.scss +87 -0
- data/_sass/geekyll/bootstrap4alpha4/_type.scss +150 -0
- data/_sass/geekyll/bootstrap4alpha4/_utilities.scss +9 -0
- data/_sass/geekyll/bootstrap4alpha4/_variables.scss +830 -0
- data/_sass/geekyll/bootstrap4alpha4/bootstrap-flex.scss +8 -0
- data/_sass/geekyll/bootstrap4alpha4/bootstrap-grid.scss +23 -0
- data/_sass/geekyll/bootstrap4alpha4/bootstrap-reboot.scss +11 -0
- data/_sass/geekyll/bootstrap4alpha4/bootstrap.scss +54 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_alert.scss +14 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_background-variant.scss +13 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_border-radius.scss +35 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_breakpoints.scss +86 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_buttons.scss +113 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_cards.scss +44 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_clearfix.scss +7 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_forms.scss +86 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_gradients.scss +43 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_grid-framework.scss +70 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_grid.scss +84 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_hover.scss +60 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_image.scss +34 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_list-group.scss +30 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_lists.scss +7 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_nav-divider.scss +10 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_navbar-align.scss +9 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_pagination.scss +21 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_progress.scss +23 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_pulls.scss +6 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_reset-filter.scss +8 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_reset-text.scss +17 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_resize.scss +6 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_screen-reader.scss +32 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_size.scss +6 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_tab-focus.scss +9 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_table-row.scss +30 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_tag.scss +11 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_text-emphasis.scss +12 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_text-hide.scss +8 -0
- data/_sass/geekyll/bootstrap4alpha4/mixins/_text-truncate.scss +8 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_background.scss +19 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_clearfix.scss +3 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_display.scss +13 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_flex.scss +37 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_pulls.scss +13 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_screenreaders.scss +11 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_spacing.scss +43 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_text.scss +51 -0
- data/_sass/geekyll/bootstrap4alpha4/utilities/_visibility.scss +55 -0
- data/_sass/geekyll/reset.scss +9 -0
- data/_sass/geekyll/social.scss +5 -0
- data/_sass/geekyll.scss +39 -0
- data/screenshot.png +0 -0
- 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
|
+
}
|