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,116 @@
1
+ // scss-lint:disable QualifyingElement
2
+
3
+ // Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
4
+
5
+ // ==========================================================================
6
+ // Print styles.
7
+ // Inlined to avoid the additional HTTP request:
8
+ // http://www.phpied.com/delay-loading-your-print-css/
9
+ // ==========================================================================
10
+
11
+ @if $enable-print-styles {
12
+ @media print {
13
+ *,
14
+ *::before,
15
+ *::after,
16
+ *::first-letter,
17
+ *::first-line {
18
+ // Bootstrap specific; comment out `color` and `background`
19
+ //color: #000 !important; // Black prints faster:
20
+ // http://www.sanbeiji.com/archives/953
21
+ text-shadow: none !important;
22
+ //background: transparent !important;
23
+ box-shadow: none !important;
24
+ }
25
+
26
+ a,
27
+ a:visited {
28
+ text-decoration: underline;
29
+ }
30
+
31
+ // Bootstrap specific; comment the following selector out
32
+ //a[href]::after {
33
+ // content: " (" attr(href) ")";
34
+ //}
35
+
36
+ abbr[title]::after {
37
+ content: " (" attr(title) ")";
38
+ }
39
+
40
+ // Bootstrap specific; comment the following selector out
41
+ //
42
+ // Don't show links that are fragment identifiers,
43
+ // or use the `javascript:` pseudo protocol
44
+ //
45
+
46
+ //a[href^="#"]::after,
47
+ //a[href^="javascript:"]::after {
48
+ // content: "";
49
+ //}
50
+
51
+ pre,
52
+ blockquote {
53
+ border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px
54
+ page-break-inside: avoid;
55
+ }
56
+
57
+ //
58
+ // Printing Tables:
59
+ // http://css-discuss.incutio.com/wiki/Printing_Tables
60
+ //
61
+
62
+ thead {
63
+ display: table-header-group;
64
+ }
65
+
66
+ tr,
67
+ img {
68
+ page-break-inside: avoid;
69
+ }
70
+
71
+ p,
72
+ h2,
73
+ h3 {
74
+ orphans: 3;
75
+ widows: 3;
76
+ }
77
+
78
+ h2,
79
+ h3 {
80
+ page-break-after: avoid;
81
+ }
82
+
83
+ // Bootstrap specific changes start
84
+
85
+ // Bootstrap components
86
+ .navbar {
87
+ display: none;
88
+ }
89
+ .btn,
90
+ .dropup > .btn {
91
+ > .caret {
92
+ border-top-color: #000 !important;
93
+ }
94
+ }
95
+ .tag {
96
+ border: $border-width solid #000;
97
+ }
98
+
99
+ .table {
100
+ border-collapse: collapse !important;
101
+
102
+ td,
103
+ th {
104
+ background-color: #fff !important;
105
+ }
106
+ }
107
+ .table-bordered {
108
+ th,
109
+ td {
110
+ border: 1px solid #ddd !important;
111
+ }
112
+ }
113
+
114
+ // Bootstrap specific changes end
115
+ }
116
+ }
@@ -0,0 +1,145 @@
1
+ //
2
+ // Progress animations
3
+ //
4
+
5
+ @keyframes progress-bar-stripes {
6
+ from { background-position: $spacer-y 0; }
7
+ to { background-position: 0 0; }
8
+ }
9
+
10
+
11
+ //
12
+ // Basic progress bar
13
+ //
14
+
15
+ .progress {
16
+ display: block;
17
+ width: 100%;
18
+ height: $spacer-y; // todo: make a new var for this
19
+ margin-bottom: $spacer-y;
20
+ }
21
+ .progress[value] {
22
+ // Set overall background
23
+ background-color: $progress-bg;
24
+ // Remove Firefox and Opera border
25
+ border: 0;
26
+ // Reset the default appearance
27
+ appearance: none;
28
+ // Set overall border radius
29
+ @include border-radius($progress-border-radius);
30
+ }
31
+
32
+ // Filled-in portion of the bar
33
+ .progress[value]::-ms-fill {
34
+ background-color: $progress-bar-color;
35
+ // Remove right-hand border of value bar from IE10+/Edge
36
+ border: 0;
37
+ }
38
+ .progress[value]::-moz-progress-bar {
39
+ background-color: $progress-bar-color;
40
+ @include border-left-radius($progress-border-radius);
41
+ }
42
+ .progress[value]::-webkit-progress-value {
43
+ background-color: $progress-bar-color;
44
+ @include border-left-radius($progress-border-radius);
45
+ }
46
+ // Tweaks for full progress bar
47
+ .progress[value="100"]::-moz-progress-bar {
48
+ @include border-right-radius($progress-border-radius);
49
+ }
50
+ .progress[value="100"]::-webkit-progress-value {
51
+ @include border-right-radius($progress-border-radius);
52
+ }
53
+
54
+ // Unfilled portion of the bar
55
+ .progress[value]::-webkit-progress-bar {
56
+ background-color: $progress-bg;
57
+ @include border-radius($progress-border-radius);
58
+ @include box-shadow($progress-box-shadow);
59
+ }
60
+ base::-moz-progress-bar, // Absurd-but-syntactically-valid selector to make these styles Firefox-only
61
+ .progress[value] {
62
+ background-color: $progress-bg;
63
+ @include border-radius($progress-border-radius);
64
+ @include box-shadow($progress-box-shadow);
65
+ }
66
+
67
+ // IE9 hacks to accompany custom markup. We don't need to scope this via media queries, but I feel better doing it anyway.
68
+ @media screen and (min-width:0\0) {
69
+ .progress {
70
+ background-color: $progress-bg;
71
+ @include border-radius($progress-border-radius);
72
+ @include box-shadow($progress-box-shadow);
73
+ }
74
+ .progress-bar {
75
+ display: inline-block;
76
+ height: $spacer-y;
77
+ text-indent: -999rem; // Simulate hiding of value as in native `<progress>`
78
+ background-color: $progress-bar-color;
79
+ @include border-left-radius($progress-border-radius);
80
+ }
81
+ .progress[width="100%"] {
82
+ @include border-right-radius($progress-border-radius);
83
+ }
84
+ }
85
+
86
+
87
+ //
88
+ // Striped
89
+ //
90
+
91
+ .progress-striped[value]::-webkit-progress-value {
92
+ @include gradient-striped();
93
+ background-size: $spacer-y $spacer-y;
94
+ }
95
+ .progress-striped[value]::-moz-progress-bar {
96
+ @include gradient-striped();
97
+ background-size: $spacer-y $spacer-y;
98
+ }
99
+ .progress-striped[value]::-ms-fill {
100
+ @include gradient-striped();
101
+ background-size: $spacer-y $spacer-y;
102
+ }
103
+ // IE9
104
+ @media screen and (min-width:0\0) {
105
+ .progress-bar-striped {
106
+ @include gradient-striped();
107
+ background-size: $spacer-y $spacer-y;
108
+ }
109
+ }
110
+
111
+
112
+ //
113
+ // Animated
114
+ //
115
+
116
+ .progress-animated[value]::-webkit-progress-value {
117
+ animation: progress-bar-stripes 2s linear infinite;
118
+ }
119
+ .progress-animated[value]::-moz-progress-bar {
120
+ animation: progress-bar-stripes 2s linear infinite;
121
+ }
122
+ // IE9
123
+ @media screen and (min-width:0\0) {
124
+ .progress-animated .progress-bar-striped {
125
+ animation: progress-bar-stripes 2s linear infinite;
126
+ }
127
+ }
128
+
129
+
130
+ //
131
+ // Variations
132
+ //
133
+
134
+ .progress-success {
135
+ @include progress-variant($progress-bar-success-bg);
136
+ }
137
+ .progress-info {
138
+ @include progress-variant($progress-bar-info-bg);
139
+ }
140
+ .progress-warning {
141
+ @include progress-variant($progress-bar-warning-bg);
142
+ }
143
+ .progress-danger {
144
+ @include progress-variant($progress-bar-danger-bg);
145
+ }
@@ -0,0 +1,393 @@
1
+ // scss-lint:disable QualifyingElement, DuplicateProperty
2
+
3
+ // Reboot
4
+ //
5
+ // Global resets to common HTML elements and more for easier usage by Bootstrap.
6
+ // Adds additional rules on top of Normalize.css, including several overrides.
7
+
8
+
9
+ // Reset the box-sizing
10
+ //
11
+ // Change from `box-sizing: content-box` to `border-box` so that when you add
12
+ // `padding` or `border`s to an element, the overall declared `width` does not
13
+ // change. For example, `width: 100px;` will always be `100px` despite the
14
+ // `border: 10px solid red;` and `padding: 20px;`.
15
+ //
16
+ // Heads up! This reset may cause conflicts with some third-party widgets. For
17
+ // recommendations on resolving such conflicts, see
18
+ // http://getbootstrap.com/getting-started/#third-box-sizing.
19
+ //
20
+ // Credit: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
21
+
22
+ html {
23
+ box-sizing: border-box;
24
+ }
25
+
26
+ *,
27
+ *::before,
28
+ *::after {
29
+ box-sizing: inherit;
30
+ }
31
+
32
+
33
+ // Make viewport responsive
34
+ //
35
+ // @viewport is needed because IE 10+ doesn't honor <meta name="viewport"> in
36
+ // some cases. See http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/.
37
+ // Eventually @viewport will replace <meta name="viewport">.
38
+ //
39
+ // However, `device-width` is broken on IE 10 on Windows (Phone) 8,
40
+ // (see http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ and https://github.com/twbs/bootstrap/issues/10497)
41
+ // and the fix for that involves a snippet of JavaScript to sniff the user agent
42
+ // and apply some conditional CSS.
43
+ //
44
+ // See http://getbootstrap.com/getting-started/#support-ie10-width for the relevant hack.
45
+ //
46
+ // Wrap `@viewport` with `@at-root` for when folks do a nested import (e.g.,
47
+ // `.class-name { @import "bootstrap"; }`).
48
+ @at-root {
49
+ @-ms-viewport { width: device-width; }
50
+ }
51
+
52
+
53
+ //
54
+ // Reset HTML, body, and more
55
+ //
56
+
57
+ html {
58
+ // Sets a specific default `font-size` for user with `rem` type scales.
59
+ font-size: $font-size-root;
60
+ // As a side-effect of setting the @viewport above,
61
+ // IE11 & Edge make the scrollbar overlap the content and automatically hide itself when not in use.
62
+ // Unfortunately, the auto-showing of the scrollbar is sometimes too sensitive,
63
+ // thus making it hard to click on stuff near the right edge of the page.
64
+ // So we add this style to force IE11 & Edge to use a "normal", non-overlapping, non-auto-hiding scrollbar.
65
+ // See https://github.com/twbs/bootstrap/issues/18543
66
+ -ms-overflow-style: scrollbar;
67
+ // Changes the default tap highlight to be completely transparent in iOS.
68
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
69
+ }
70
+
71
+ body {
72
+ // Make the `body` use the `font-size-root`
73
+ font-family: $font-family-base;
74
+ font-size: $font-size-base;
75
+ line-height: $line-height-base;
76
+ // Go easy on the eyes and use something other than `#000` for text
77
+ color: $body-color;
78
+ // By default, `<body>` has no `background-color` so we set one as a best practice.
79
+ background-color: $body-bg;
80
+ }
81
+
82
+ // Suppress the focus outline on elements that cannot be accessed via keyboard.
83
+ // This prevents an unwanted focus outline from appearing around elements that
84
+ // might still respond to pointer events.
85
+ //
86
+ // Credit: https://github.com/suitcss/base
87
+ [tabindex="-1"]:focus {
88
+ outline: none !important;
89
+ }
90
+
91
+
92
+ //
93
+ // Typography
94
+ //
95
+
96
+ // Remove top margins from headings
97
+ //
98
+ // By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
99
+ // margin for easier control within type scales as it avoids margin collapsing.
100
+ h1, h2, h3, h4, h5, h6 {
101
+ margin-top: 0;
102
+ margin-bottom: .5rem;
103
+ }
104
+
105
+ // Reset margins on paragraphs
106
+ //
107
+ // Similarly, the top margin on `<p>`s get reset. However, we also reset the
108
+ // bottom margin to use `rem` units instead of `em`.
109
+ p {
110
+ margin-top: 0;
111
+ margin-bottom: 1rem;
112
+ }
113
+
114
+ // Abbreviations and acronyms
115
+ abbr[title],
116
+ // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
117
+ abbr[data-original-title] {
118
+ cursor: help;
119
+ border-bottom: 1px dotted $abbr-border-color;
120
+ }
121
+
122
+ address {
123
+ margin-bottom: 1rem;
124
+ font-style: normal;
125
+ line-height: inherit;
126
+ }
127
+
128
+ ol,
129
+ ul,
130
+ dl {
131
+ margin-top: 0;
132
+ margin-bottom: 1rem;
133
+ }
134
+
135
+ ol ol,
136
+ ul ul,
137
+ ol ul,
138
+ ul ol {
139
+ margin-bottom: 0;
140
+ }
141
+
142
+ dt {
143
+ font-weight: $dt-font-weight;
144
+ }
145
+
146
+ dd {
147
+ margin-bottom: .5rem;
148
+ margin-left: 0; // Undo browser default
149
+ }
150
+
151
+ blockquote {
152
+ margin: 0 0 1rem;
153
+ }
154
+
155
+
156
+ //
157
+ // Links
158
+ //
159
+
160
+ a {
161
+ color: $link-color;
162
+ text-decoration: $link-decoration;
163
+
164
+ @include hover-focus {
165
+ color: $link-hover-color;
166
+ text-decoration: $link-hover-decoration;
167
+ }
168
+
169
+ &:focus {
170
+ @include tab-focus();
171
+ }
172
+ }
173
+
174
+ // And undo these styles for placeholder links/named anchors (without href)
175
+ // which have not been made explicitly keyboard-focusable (without tabindex).
176
+ // It would be more straightforward to just use a[href] in previous block, but that
177
+ // causes specificity issues in many other styles that are too complex to fix.
178
+ // See https://github.com/twbs/bootstrap/issues/19402
179
+
180
+ a:not([href]):not([tabindex]) {
181
+ color: inherit;
182
+ text-decoration: none;
183
+
184
+ @include hover-focus {
185
+ color: inherit;
186
+ text-decoration: none;
187
+ }
188
+
189
+ &:focus {
190
+ outline: none;
191
+ }
192
+ }
193
+
194
+
195
+ //
196
+ // Code
197
+ //
198
+
199
+ pre {
200
+ // Remove browser default top margin
201
+ margin-top: 0;
202
+ // Reset browser default of `1em` to use `rem`s
203
+ margin-bottom: 1rem;
204
+ // Normalize v4 removed this property, causing `<pre>` content to break out of wrapping code snippets
205
+ overflow: auto;
206
+ }
207
+
208
+
209
+ //
210
+ // Figures
211
+ //
212
+
213
+ figure {
214
+ // Normalize adds `margin` to `figure`s as browsers apply it inconsistently.
215
+ // We reset that to create a better flow in-page.
216
+ margin: 0 0 1rem;
217
+ }
218
+
219
+
220
+ //
221
+ // Images
222
+ //
223
+
224
+ img {
225
+ // By default, `<img>`s are `inline-block`. This assumes that, and vertically
226
+ // centers them. This won't apply should you reset them to `block` level.
227
+ vertical-align: middle;
228
+ // Note: `<img>`s are deliberately not made responsive by default.
229
+ // For the rationale behind this, see the comments on the `.img-fluid` class.
230
+ }
231
+
232
+
233
+ // iOS "clickable elements" fix for role="button"
234
+ //
235
+ // Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
236
+ // for traditionally non-focusable elements with role="button"
237
+ // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
238
+
239
+ [role="button"] {
240
+ cursor: pointer;
241
+ }
242
+
243
+
244
+ // Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.
245
+ //
246
+ // In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11
247
+ // DON'T remove the click delay when `<meta name="viewport" content="width=device-width">` is present.
248
+ // However, they DO support removing the click delay via `touch-action: manipulation`.
249
+ // See:
250
+ // * http://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch
251
+ // * http://caniuse.com/#feat=css-touch-action
252
+ // * http://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay
253
+
254
+ a,
255
+ area,
256
+ button,
257
+ [role="button"],
258
+ input,
259
+ label,
260
+ select,
261
+ summary,
262
+ textarea {
263
+ touch-action: manipulation;
264
+ }
265
+
266
+
267
+ //
268
+ // Tables
269
+ //
270
+
271
+ table {
272
+ // No longer part of Normalize since v4
273
+ border-collapse: collapse;
274
+ // Reset for nesting within parents with `background-color`.
275
+ background-color: $table-bg;
276
+ }
277
+
278
+ caption {
279
+ padding-top: $table-cell-padding;
280
+ padding-bottom: $table-cell-padding;
281
+ color: $text-muted;
282
+ text-align: left;
283
+ caption-side: bottom;
284
+ }
285
+
286
+ th {
287
+ // Centered by default, but left-align-ed to match the `td`s below.
288
+ text-align: left;
289
+ }
290
+
291
+
292
+ //
293
+ // Forms
294
+ //
295
+
296
+ label {
297
+ // Allow labels to use `margin` for spacing.
298
+ display: inline-block;
299
+ margin-bottom: .5rem;
300
+ }
301
+
302
+ // Work around a Firefox/IE bug where the transparent `button` background
303
+ // results in a loss of the default `button` focus styles.
304
+ //
305
+ // Credit: https://github.com/suitcss/base/
306
+ button:focus {
307
+ outline: 1px dotted;
308
+ outline: 5px auto -webkit-focus-ring-color;
309
+ }
310
+
311
+ input,
312
+ button,
313
+ select,
314
+ textarea {
315
+ // Remove all `margin`s so our classes don't have to do it themselves.
316
+ margin: 0;
317
+ // Normalize includes `font: inherit;`, so `font-family`. `font-size`, etc are
318
+ // properly inherited. However, `line-height` isn't addressed there. Using this
319
+ // ensures we don't need to unnecessarily redeclare the global font stack.
320
+ line-height: inherit;
321
+ // iOS adds rounded borders by default
322
+ border-radius: 0;
323
+ }
324
+
325
+ input[type="radio"],
326
+ input[type="checkbox"] {
327
+ // Apply a disabled cursor for radios and checkboxes.
328
+ //
329
+ // Note: Neither radios nor checkboxes can be readonly.
330
+ &:disabled {
331
+ cursor: $cursor-disabled;
332
+ }
333
+ }
334
+
335
+
336
+ input[type="date"],
337
+ input[type="time"],
338
+ input[type="datetime-local"],
339
+ input[type="month"] {
340
+ // Remove the default appearance of temporal inputs to avoid a Mobile Safari
341
+ // bug where setting a custom line-height prevents text from being vertically
342
+ // centered within the input.
343
+ //
344
+ // Bug report: https://github.com/twbs/bootstrap/issues/11266
345
+ -webkit-appearance: listbox;
346
+ }
347
+
348
+ textarea {
349
+ // Textareas should really only resize vertically so they don't break their (horizontal) containers.
350
+ resize: vertical;
351
+ }
352
+
353
+ fieldset {
354
+ // Chrome and Firefox set a `min-width: min-content;` on fieldsets,
355
+ // so we reset that to ensure it behaves more like a standard block element.
356
+ // See https://github.com/twbs/bootstrap/issues/12359.
357
+ min-width: 0;
358
+ // Reset the default outline behavior of fieldsets so they don't affect page layout.
359
+ padding: 0;
360
+ margin: 0;
361
+ border: 0;
362
+ }
363
+
364
+ legend {
365
+ // Reset the entire legend element to match the `fieldset`
366
+ display: block;
367
+ width: 100%;
368
+ padding: 0;
369
+ margin-bottom: .5rem;
370
+ font-size: 1.5rem;
371
+ line-height: inherit;
372
+ }
373
+
374
+ input[type="search"] {
375
+ // This overrides the extra rounded corners on search inputs in iOS so that our
376
+ // `.form-control` class can properly style them. Note that this cannot simply
377
+ // be added to `.form-control` as it's not specific enough. For details, see
378
+ // https://github.com/twbs/bootstrap/issues/11586.
379
+ -webkit-appearance: none;
380
+ }
381
+
382
+ // todo: needed?
383
+ output {
384
+ display: inline-block;
385
+ // font-size: $font-size-base;
386
+ // line-height: $line-height;
387
+ // color: $input-color;
388
+ }
389
+
390
+ // Always hide an element with the `hidden` HTML attribute (from PureCSS).
391
+ [hidden] {
392
+ display: none !important;
393
+ }
@@ -0,0 +1,39 @@
1
+ // Credit: Nicolas Gallagher and SUIT CSS.
2
+
3
+ .embed-responsive {
4
+ position: relative;
5
+ display: block;
6
+ height: 0;
7
+ padding: 0;
8
+ overflow: hidden;
9
+
10
+ .embed-responsive-item,
11
+ iframe,
12
+ embed,
13
+ object,
14
+ video {
15
+ position: absolute;
16
+ top: 0;
17
+ bottom: 0;
18
+ left: 0;
19
+ width: 100%;
20
+ height: 100%;
21
+ border: 0;
22
+ }
23
+ }
24
+
25
+ .embed-responsive-21by9 {
26
+ padding-bottom: percentage(9 / 21);
27
+ }
28
+
29
+ .embed-responsive-16by9 {
30
+ padding-bottom: percentage(9 / 16);
31
+ }
32
+
33
+ .embed-responsive-4by3 {
34
+ padding-bottom: percentage(3 / 4);
35
+ }
36
+
37
+ .embed-responsive-1by1 {
38
+ padding-bottom: percentage(1 / 1);
39
+ }