inkstream 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (218) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -0
  3. data/README.md +93 -0
  4. data/_config.yml +122 -0
  5. data/_includes/button.html +4 -0
  6. data/_includes/icon.html +1 -0
  7. data/_includes/nav-default.html +23 -0
  8. data/_includes/nav-header.html +25 -0
  9. data/_includes/post-list.html +59 -0
  10. data/_includes/post-meta.html +0 -0
  11. data/_includes/post-pagination.html +29 -0
  12. data/_includes/promo-section.html +12 -0
  13. data/_includes/site-before-end.html +1 -0
  14. data/_includes/site-before-start.html +1 -0
  15. data/_includes/site-favicons.html +7 -0
  16. data/_includes/site-fonts.html +13 -0
  17. data/_includes/site-footer-default.html +17 -0
  18. data/_includes/site-footer.html +12 -0
  19. data/_includes/site-header.html +46 -0
  20. data/_includes/site-styles.html +6 -0
  21. data/_layouts/blog.html +24 -0
  22. data/_layouts/default.html +62 -0
  23. data/_layouts/page.html +35 -0
  24. data/_layouts/post.html +201 -0
  25. data/assets/css/styles.css +11167 -0
  26. data/assets/images/about-me.jpg +0 -0
  27. data/assets/images/blog/blog-post-banner.jpg +0 -0
  28. data/assets/images/blog/blog-post-thumb-1.jpg +0 -0
  29. data/assets/images/blog/blog-post-thumb-10.jpg +0 -0
  30. data/assets/images/blog/blog-post-thumb-11.jpg +0 -0
  31. data/assets/images/blog/blog-post-thumb-12.jpg +0 -0
  32. data/assets/images/blog/blog-post-thumb-2.jpg +0 -0
  33. data/assets/images/blog/blog-post-thumb-3.jpg +0 -0
  34. data/assets/images/blog/blog-post-thumb-4.jpg +0 -0
  35. data/assets/images/blog/blog-post-thumb-5.jpg +0 -0
  36. data/assets/images/blog/blog-post-thumb-6.jpg +0 -0
  37. data/assets/images/blog/blog-post-thumb-7.jpg +0 -0
  38. data/assets/images/blog/blog-post-thumb-8.jpg +0 -0
  39. data/assets/images/blog/blog-post-thumb-9.jpg +0 -0
  40. data/assets/images/posts/default-post-img.jpg +0 -0
  41. data/assets/images/posts/text-syntax.jpg +0 -0
  42. data/assets/images/posts/welcome.jpg +0 -0
  43. data/assets/images/profile.png +0 -0
  44. data/assets/images/promo-banner.jpg +0 -0
  45. data/assets/js/blog.js +9 -0
  46. data/assets/js/demo/style-switcher.js +45 -0
  47. data/assets/plugins/bootstrap/js/bootstrap.min.js +7 -0
  48. data/assets/plugins/jquery-3.3.1.min.js +2 -0
  49. data/assets/plugins/popper.min.js +5 -0
  50. data/assets/scss/bootstrap/js/dist/alert.js +199 -0
  51. data/assets/scss/bootstrap/js/dist/alert.js.map +1 -0
  52. data/assets/scss/bootstrap/js/dist/button.js +187 -0
  53. data/assets/scss/bootstrap/js/dist/button.js.map +1 -0
  54. data/assets/scss/bootstrap/js/dist/carousel.js +668 -0
  55. data/assets/scss/bootstrap/js/dist/carousel.js.map +1 -0
  56. data/assets/scss/bootstrap/js/dist/collapse.js +428 -0
  57. data/assets/scss/bootstrap/js/dist/collapse.js.map +1 -0
  58. data/assets/scss/bootstrap/js/dist/dropdown.js +595 -0
  59. data/assets/scss/bootstrap/js/dist/dropdown.js.map +1 -0
  60. data/assets/scss/bootstrap/js/dist/index.js +23 -0
  61. data/assets/scss/bootstrap/js/dist/index.js.map +1 -0
  62. data/assets/scss/bootstrap/js/dist/modal.js +650 -0
  63. data/assets/scss/bootstrap/js/dist/modal.js.map +1 -0
  64. data/assets/scss/bootstrap/js/dist/popover.js +261 -0
  65. data/assets/scss/bootstrap/js/dist/popover.js.map +1 -0
  66. data/assets/scss/bootstrap/js/dist/scrollspy.js +375 -0
  67. data/assets/scss/bootstrap/js/dist/scrollspy.js.map +1 -0
  68. data/assets/scss/bootstrap/js/dist/tab.js +269 -0
  69. data/assets/scss/bootstrap/js/dist/tab.js.map +1 -0
  70. data/assets/scss/bootstrap/js/dist/toast.js +283 -0
  71. data/assets/scss/bootstrap/js/dist/toast.js.map +1 -0
  72. data/assets/scss/bootstrap/js/dist/tooltip.js +760 -0
  73. data/assets/scss/bootstrap/js/dist/tooltip.js.map +1 -0
  74. data/assets/scss/bootstrap/js/dist/util.js +172 -0
  75. data/assets/scss/bootstrap/js/dist/util.js.map +1 -0
  76. data/assets/scss/bootstrap/js/src/alert.js +179 -0
  77. data/assets/scss/bootstrap/js/src/button.js +171 -0
  78. data/assets/scss/bootstrap/js/src/carousel.js +606 -0
  79. data/assets/scss/bootstrap/js/src/collapse.js +402 -0
  80. data/assets/scss/bootstrap/js/src/dropdown.js +545 -0
  81. data/assets/scss/bootstrap/js/src/index.js +52 -0
  82. data/assets/scss/bootstrap/js/src/modal.js +594 -0
  83. data/assets/scss/bootstrap/js/src/popover.js +184 -0
  84. data/assets/scss/bootstrap/js/src/scrollspy.js +326 -0
  85. data/assets/scss/bootstrap/js/src/tab.js +260 -0
  86. data/assets/scss/bootstrap/js/src/toast.js +227 -0
  87. data/assets/scss/bootstrap/js/src/tooltip.js +752 -0
  88. data/assets/scss/bootstrap/js/src/util.js +177 -0
  89. data/assets/scss/bootstrap/js/tests/README.md +69 -0
  90. data/assets/scss/bootstrap/js/tests/browsers.js +82 -0
  91. data/assets/scss/bootstrap/js/tests/index.html +133 -0
  92. data/assets/scss/bootstrap/js/tests/integration/bundle.js +8 -0
  93. data/assets/scss/bootstrap/js/tests/integration/index.html +66 -0
  94. data/assets/scss/bootstrap/js/tests/integration/rollup.bundle.js +20 -0
  95. data/assets/scss/bootstrap/js/tests/karma.conf.js +143 -0
  96. data/assets/scss/bootstrap/js/tests/unit/.eslintrc.json +40 -0
  97. data/assets/scss/bootstrap/js/tests/unit/alert.js +123 -0
  98. data/assets/scss/bootstrap/js/tests/unit/button.js +222 -0
  99. data/assets/scss/bootstrap/js/tests/unit/carousel.js +1333 -0
  100. data/assets/scss/bootstrap/js/tests/unit/collapse.js +892 -0
  101. data/assets/scss/bootstrap/js/tests/unit/dropdown.js +1419 -0
  102. data/assets/scss/bootstrap/js/tests/unit/modal.js +815 -0
  103. data/assets/scss/bootstrap/js/tests/unit/popover.js +471 -0
  104. data/assets/scss/bootstrap/js/tests/unit/scrollspy.js +728 -0
  105. data/assets/scss/bootstrap/js/tests/unit/tab.js +518 -0
  106. data/assets/scss/bootstrap/js/tests/unit/toast.js +259 -0
  107. data/assets/scss/bootstrap/js/tests/unit/tooltip.js +1109 -0
  108. data/assets/scss/bootstrap/js/tests/unit/util.js +163 -0
  109. data/assets/scss/bootstrap/js/tests/visual/alert.html +58 -0
  110. data/assets/scss/bootstrap/js/tests/visual/button.html +51 -0
  111. data/assets/scss/bootstrap/js/tests/visual/carousel.html +66 -0
  112. data/assets/scss/bootstrap/js/tests/visual/collapse.html +78 -0
  113. data/assets/scss/bootstrap/js/tests/visual/dropdown.html +212 -0
  114. data/assets/scss/bootstrap/js/tests/visual/modal.html +268 -0
  115. data/assets/scss/bootstrap/js/tests/visual/popover.html +46 -0
  116. data/assets/scss/bootstrap/js/tests/visual/scrollspy.html +95 -0
  117. data/assets/scss/bootstrap/js/tests/visual/tab.html +234 -0
  118. data/assets/scss/bootstrap/js/tests/visual/toast.html +72 -0
  119. data/assets/scss/bootstrap/js/tests/visual/tooltip.html +106 -0
  120. data/assets/scss/bootstrap/scss/_alert.scss +51 -0
  121. data/assets/scss/bootstrap/scss/_badge.scss +54 -0
  122. data/assets/scss/bootstrap/scss/_breadcrumb.scss +41 -0
  123. data/assets/scss/bootstrap/scss/_button-group.scss +163 -0
  124. data/assets/scss/bootstrap/scss/_buttons.scss +137 -0
  125. data/assets/scss/bootstrap/scss/_card.scss +289 -0
  126. data/assets/scss/bootstrap/scss/_carousel.scss +197 -0
  127. data/assets/scss/bootstrap/scss/_close.scss +41 -0
  128. data/assets/scss/bootstrap/scss/_code.scss +48 -0
  129. data/assets/scss/bootstrap/scss/_custom-forms.scss +507 -0
  130. data/assets/scss/bootstrap/scss/_dropdown.scss +191 -0
  131. data/assets/scss/bootstrap/scss/_forms.scss +330 -0
  132. data/assets/scss/bootstrap/scss/_functions.scss +86 -0
  133. data/assets/scss/bootstrap/scss/_grid.scss +52 -0
  134. data/assets/scss/bootstrap/scss/_images.scss +42 -0
  135. data/assets/scss/bootstrap/scss/_input-group.scss +193 -0
  136. data/assets/scss/bootstrap/scss/_jumbotron.scss +17 -0
  137. data/assets/scss/bootstrap/scss/_list-group.scss +149 -0
  138. data/assets/scss/bootstrap/scss/_media.scss +8 -0
  139. data/assets/scss/bootstrap/scss/_mixins.scss +47 -0
  140. data/assets/scss/bootstrap/scss/_modal.scss +229 -0
  141. data/assets/scss/bootstrap/scss/_nav.scss +120 -0
  142. data/assets/scss/bootstrap/scss/_navbar.scss +294 -0
  143. data/assets/scss/bootstrap/scss/_pagination.scss +73 -0
  144. data/assets/scss/bootstrap/scss/_popover.scss +171 -0
  145. data/assets/scss/bootstrap/scss/_print.scss +141 -0
  146. data/assets/scss/bootstrap/scss/_progress.scss +43 -0
  147. data/assets/scss/bootstrap/scss/_reboot.scss +483 -0
  148. data/assets/scss/bootstrap/scss/_root.scss +19 -0
  149. data/assets/scss/bootstrap/scss/_spinners.scss +55 -0
  150. data/assets/scss/bootstrap/scss/_tables.scss +185 -0
  151. data/assets/scss/bootstrap/scss/_toasts.scss +44 -0
  152. data/assets/scss/bootstrap/scss/_tooltip.scss +115 -0
  153. data/assets/scss/bootstrap/scss/_transitions.scss +20 -0
  154. data/assets/scss/bootstrap/scss/_type.scss +125 -0
  155. data/assets/scss/bootstrap/scss/_utilities.scss +17 -0
  156. data/assets/scss/bootstrap/scss/_variables.scss +1123 -0
  157. data/assets/scss/bootstrap/scss/bootstrap-grid.scss +29 -0
  158. data/assets/scss/bootstrap/scss/bootstrap-reboot.scss +12 -0
  159. data/assets/scss/bootstrap/scss/bootstrap.scss +44 -0
  160. data/assets/scss/bootstrap/scss/mixins/_alert.scss +13 -0
  161. data/assets/scss/bootstrap/scss/mixins/_background-variant.scss +21 -0
  162. data/assets/scss/bootstrap/scss/mixins/_badge.scss +17 -0
  163. data/assets/scss/bootstrap/scss/mixins/_border-radius.scss +63 -0
  164. data/assets/scss/bootstrap/scss/mixins/_box-shadow.scss +20 -0
  165. data/assets/scss/bootstrap/scss/mixins/_breakpoints.scss +123 -0
  166. data/assets/scss/bootstrap/scss/mixins/_buttons.scss +107 -0
  167. data/assets/scss/bootstrap/scss/mixins/_caret.scss +62 -0
  168. data/assets/scss/bootstrap/scss/mixins/_clearfix.scss +7 -0
  169. data/assets/scss/bootstrap/scss/mixins/_deprecate.scss +10 -0
  170. data/assets/scss/bootstrap/scss/mixins/_float.scss +14 -0
  171. data/assets/scss/bootstrap/scss/mixins/_forms.scss +192 -0
  172. data/assets/scss/bootstrap/scss/mixins/_gradients.scss +45 -0
  173. data/assets/scss/bootstrap/scss/mixins/_grid-framework.scss +66 -0
  174. data/assets/scss/bootstrap/scss/mixins/_grid.scss +51 -0
  175. data/assets/scss/bootstrap/scss/mixins/_hover.scss +37 -0
  176. data/assets/scss/bootstrap/scss/mixins/_image.scss +36 -0
  177. data/assets/scss/bootstrap/scss/mixins/_list-group.scss +21 -0
  178. data/assets/scss/bootstrap/scss/mixins/_lists.scss +7 -0
  179. data/assets/scss/bootstrap/scss/mixins/_nav-divider.scss +10 -0
  180. data/assets/scss/bootstrap/scss/mixins/_pagination.scss +22 -0
  181. data/assets/scss/bootstrap/scss/mixins/_reset-text.scss +17 -0
  182. data/assets/scss/bootstrap/scss/mixins/_resize.scss +6 -0
  183. data/assets/scss/bootstrap/scss/mixins/_screen-reader.scss +33 -0
  184. data/assets/scss/bootstrap/scss/mixins/_size.scss +7 -0
  185. data/assets/scss/bootstrap/scss/mixins/_table-row.scss +39 -0
  186. data/assets/scss/bootstrap/scss/mixins/_text-emphasis.scss +16 -0
  187. data/assets/scss/bootstrap/scss/mixins/_text-hide.scss +11 -0
  188. data/assets/scss/bootstrap/scss/mixins/_text-truncate.scss +8 -0
  189. data/assets/scss/bootstrap/scss/mixins/_transition.scss +16 -0
  190. data/assets/scss/bootstrap/scss/mixins/_visibility.scss +8 -0
  191. data/assets/scss/bootstrap/scss/utilities/_align.scss +8 -0
  192. data/assets/scss/bootstrap/scss/utilities/_background.scss +19 -0
  193. data/assets/scss/bootstrap/scss/utilities/_borders.scss +75 -0
  194. data/assets/scss/bootstrap/scss/utilities/_clearfix.scss +3 -0
  195. data/assets/scss/bootstrap/scss/utilities/_display.scss +26 -0
  196. data/assets/scss/bootstrap/scss/utilities/_embed.scss +39 -0
  197. data/assets/scss/bootstrap/scss/utilities/_flex.scss +51 -0
  198. data/assets/scss/bootstrap/scss/utilities/_float.scss +11 -0
  199. data/assets/scss/bootstrap/scss/utilities/_overflow.scss +5 -0
  200. data/assets/scss/bootstrap/scss/utilities/_position.scss +32 -0
  201. data/assets/scss/bootstrap/scss/utilities/_screenreaders.scss +11 -0
  202. data/assets/scss/bootstrap/scss/utilities/_shadows.scss +6 -0
  203. data/assets/scss/bootstrap/scss/utilities/_sizing.scss +20 -0
  204. data/assets/scss/bootstrap/scss/utilities/_spacing.scss +73 -0
  205. data/assets/scss/bootstrap/scss/utilities/_stretched-link.scss +19 -0
  206. data/assets/scss/bootstrap/scss/utilities/_text.scss +72 -0
  207. data/assets/scss/bootstrap/scss/utilities/_visibility.scss +13 -0
  208. data/assets/scss/bootstrap/scss/vendor/_rfs.scss +212 -0
  209. data/assets/scss/theme/_about.scss +28 -0
  210. data/assets/scss/theme/_base.scss +207 -0
  211. data/assets/scss/theme/_blog.scss +140 -0
  212. data/assets/scss/theme/_demo.scss +153 -0
  213. data/assets/scss/theme/_mixins.scss +34 -0
  214. data/assets/scss/theme/_responsive.scss +88 -0
  215. data/assets/scss/theme/styles.scss +14 -0
  216. data/assets/scss/theme-8.scss +41 -0
  217. data/assets/styles.scss +6 -0
  218. metadata +219 -3
@@ -0,0 +1,19 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ @each $color, $value in $theme-colors {
4
+ @include bg-variant(".bg-#{$color}", $value);
5
+ }
6
+
7
+ @if $enable-gradients {
8
+ @each $color, $value in $theme-colors {
9
+ @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
10
+ }
11
+ }
12
+
13
+ .bg-white {
14
+ background-color: $white !important;
15
+ }
16
+
17
+ .bg-transparent {
18
+ background-color: transparent !important;
19
+ }
@@ -0,0 +1,75 @@
1
+ // stylelint-disable property-blacklist, declaration-no-important
2
+
3
+ //
4
+ // Border
5
+ //
6
+
7
+ .border { border: $border-width solid $border-color !important; }
8
+ .border-top { border-top: $border-width solid $border-color !important; }
9
+ .border-right { border-right: $border-width solid $border-color !important; }
10
+ .border-bottom { border-bottom: $border-width solid $border-color !important; }
11
+ .border-left { border-left: $border-width solid $border-color !important; }
12
+
13
+ .border-0 { border: 0 !important; }
14
+ .border-top-0 { border-top: 0 !important; }
15
+ .border-right-0 { border-right: 0 !important; }
16
+ .border-bottom-0 { border-bottom: 0 !important; }
17
+ .border-left-0 { border-left: 0 !important; }
18
+
19
+ @each $color, $value in $theme-colors {
20
+ .border-#{$color} {
21
+ border-color: $value !important;
22
+ }
23
+ }
24
+
25
+ .border-white {
26
+ border-color: $white !important;
27
+ }
28
+
29
+ //
30
+ // Border-radius
31
+ //
32
+
33
+ .rounded-sm {
34
+ border-radius: $border-radius-sm !important;
35
+ }
36
+
37
+ .rounded {
38
+ border-radius: $border-radius !important;
39
+ }
40
+
41
+ .rounded-top {
42
+ border-top-left-radius: $border-radius !important;
43
+ border-top-right-radius: $border-radius !important;
44
+ }
45
+
46
+ .rounded-right {
47
+ border-top-right-radius: $border-radius !important;
48
+ border-bottom-right-radius: $border-radius !important;
49
+ }
50
+
51
+ .rounded-bottom {
52
+ border-bottom-right-radius: $border-radius !important;
53
+ border-bottom-left-radius: $border-radius !important;
54
+ }
55
+
56
+ .rounded-left {
57
+ border-top-left-radius: $border-radius !important;
58
+ border-bottom-left-radius: $border-radius !important;
59
+ }
60
+
61
+ .rounded-lg {
62
+ border-radius: $border-radius-lg !important;
63
+ }
64
+
65
+ .rounded-circle {
66
+ border-radius: 50% !important;
67
+ }
68
+
69
+ .rounded-pill {
70
+ border-radius: $rounded-pill !important;
71
+ }
72
+
73
+ .rounded-0 {
74
+ border-radius: 0 !important;
75
+ }
@@ -0,0 +1,3 @@
1
+ .clearfix {
2
+ @include clearfix();
3
+ }
@@ -0,0 +1,26 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ //
4
+ // Utilities for common `display` values
5
+ //
6
+
7
+ @each $breakpoint in map-keys($grid-breakpoints) {
8
+ @include media-breakpoint-up($breakpoint) {
9
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
+
11
+ @each $value in $displays {
12
+ .d#{$infix}-#{$value} { display: $value !important; }
13
+ }
14
+ }
15
+ }
16
+
17
+
18
+ //
19
+ // Utilities for toggling `display` in print
20
+ //
21
+
22
+ @media print {
23
+ @each $value in $displays {
24
+ .d-print-#{$value} { display: $value !important; }
25
+ }
26
+ }
@@ -0,0 +1,39 @@
1
+ // Credit: Nicolas Gallagher and SUIT CSS.
2
+
3
+ .embed-responsive {
4
+ position: relative;
5
+ display: block;
6
+ width: 100%;
7
+ padding: 0;
8
+ overflow: hidden;
9
+
10
+ &::before {
11
+ display: block;
12
+ content: "";
13
+ }
14
+
15
+ .embed-responsive-item,
16
+ iframe,
17
+ embed,
18
+ object,
19
+ video {
20
+ position: absolute;
21
+ top: 0;
22
+ bottom: 0;
23
+ left: 0;
24
+ width: 100%;
25
+ height: 100%;
26
+ border: 0;
27
+ }
28
+ }
29
+
30
+ @each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {
31
+ $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);
32
+ $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);
33
+
34
+ .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
35
+ &::before {
36
+ padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);
37
+ }
38
+ }
39
+ }
@@ -0,0 +1,51 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ // Flex variation
4
+ //
5
+ // Custom styles for additional flex alignment options.
6
+
7
+ @each $breakpoint in map-keys($grid-breakpoints) {
8
+ @include media-breakpoint-up($breakpoint) {
9
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
+
11
+ .flex#{$infix}-row { flex-direction: row !important; }
12
+ .flex#{$infix}-column { flex-direction: column !important; }
13
+ .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }
14
+ .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
15
+
16
+ .flex#{$infix}-wrap { flex-wrap: wrap !important; }
17
+ .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }
18
+ .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
19
+ .flex#{$infix}-fill { flex: 1 1 auto !important; }
20
+ .flex#{$infix}-grow-0 { flex-grow: 0 !important; }
21
+ .flex#{$infix}-grow-1 { flex-grow: 1 !important; }
22
+ .flex#{$infix}-shrink-0 { flex-shrink: 0 !important; }
23
+ .flex#{$infix}-shrink-1 { flex-shrink: 1 !important; }
24
+
25
+ .justify-content#{$infix}-start { justify-content: flex-start !important; }
26
+ .justify-content#{$infix}-end { justify-content: flex-end !important; }
27
+ .justify-content#{$infix}-center { justify-content: center !important; }
28
+ .justify-content#{$infix}-between { justify-content: space-between !important; }
29
+ .justify-content#{$infix}-around { justify-content: space-around !important; }
30
+
31
+ .align-items#{$infix}-start { align-items: flex-start !important; }
32
+ .align-items#{$infix}-end { align-items: flex-end !important; }
33
+ .align-items#{$infix}-center { align-items: center !important; }
34
+ .align-items#{$infix}-baseline { align-items: baseline !important; }
35
+ .align-items#{$infix}-stretch { align-items: stretch !important; }
36
+
37
+ .align-content#{$infix}-start { align-content: flex-start !important; }
38
+ .align-content#{$infix}-end { align-content: flex-end !important; }
39
+ .align-content#{$infix}-center { align-content: center !important; }
40
+ .align-content#{$infix}-between { align-content: space-between !important; }
41
+ .align-content#{$infix}-around { align-content: space-around !important; }
42
+ .align-content#{$infix}-stretch { align-content: stretch !important; }
43
+
44
+ .align-self#{$infix}-auto { align-self: auto !important; }
45
+ .align-self#{$infix}-start { align-self: flex-start !important; }
46
+ .align-self#{$infix}-end { align-self: flex-end !important; }
47
+ .align-self#{$infix}-center { align-self: center !important; }
48
+ .align-self#{$infix}-baseline { align-self: baseline !important; }
49
+ .align-self#{$infix}-stretch { align-self: stretch !important; }
50
+ }
51
+ }
@@ -0,0 +1,11 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ @each $breakpoint in map-keys($grid-breakpoints) {
4
+ @include media-breakpoint-up($breakpoint) {
5
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
6
+
7
+ .float#{$infix}-left { float: left !important; }
8
+ .float#{$infix}-right { float: right !important; }
9
+ .float#{$infix}-none { float: none !important; }
10
+ }
11
+ }
@@ -0,0 +1,5 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ @each $value in $overflows {
4
+ .overflow-#{$value} { overflow: $value !important; }
5
+ }
@@ -0,0 +1,32 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ // Common values
4
+ @each $position in $positions {
5
+ .position-#{$position} { position: $position !important; }
6
+ }
7
+
8
+ // Shorthand
9
+
10
+ .fixed-top {
11
+ position: fixed;
12
+ top: 0;
13
+ right: 0;
14
+ left: 0;
15
+ z-index: $zindex-fixed;
16
+ }
17
+
18
+ .fixed-bottom {
19
+ position: fixed;
20
+ right: 0;
21
+ bottom: 0;
22
+ left: 0;
23
+ z-index: $zindex-fixed;
24
+ }
25
+
26
+ .sticky-top {
27
+ @supports (position: sticky) {
28
+ position: sticky;
29
+ top: 0;
30
+ z-index: $zindex-sticky;
31
+ }
32
+ }
@@ -0,0 +1,11 @@
1
+ //
2
+ // Screenreaders
3
+ //
4
+
5
+ .sr-only {
6
+ @include sr-only();
7
+ }
8
+
9
+ .sr-only-focusable {
10
+ @include sr-only-focusable();
11
+ }
@@ -0,0 +1,6 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ .shadow-sm { box-shadow: $box-shadow-sm !important; }
4
+ .shadow { box-shadow: $box-shadow !important; }
5
+ .shadow-lg { box-shadow: $box-shadow-lg !important; }
6
+ .shadow-none { box-shadow: none !important; }
@@ -0,0 +1,20 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ // Width and height
4
+
5
+ @each $prop, $abbrev in (width: w, height: h) {
6
+ @each $size, $length in $sizes {
7
+ .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
8
+ }
9
+ }
10
+
11
+ .mw-100 { max-width: 100% !important; }
12
+ .mh-100 { max-height: 100% !important; }
13
+
14
+ // Viewport additional helpers
15
+
16
+ .min-vw-100 { min-width: 100vw !important; }
17
+ .min-vh-100 { min-height: 100vh !important; }
18
+
19
+ .vw-100 { width: 100vw !important; }
20
+ .vh-100 { height: 100vh !important; }
@@ -0,0 +1,73 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ // Margin and Padding
4
+
5
+ @each $breakpoint in map-keys($grid-breakpoints) {
6
+ @include media-breakpoint-up($breakpoint) {
7
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
8
+
9
+ @each $prop, $abbrev in (margin: m, padding: p) {
10
+ @each $size, $length in $spacers {
11
+ .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
12
+ .#{$abbrev}t#{$infix}-#{$size},
13
+ .#{$abbrev}y#{$infix}-#{$size} {
14
+ #{$prop}-top: $length !important;
15
+ }
16
+ .#{$abbrev}r#{$infix}-#{$size},
17
+ .#{$abbrev}x#{$infix}-#{$size} {
18
+ #{$prop}-right: $length !important;
19
+ }
20
+ .#{$abbrev}b#{$infix}-#{$size},
21
+ .#{$abbrev}y#{$infix}-#{$size} {
22
+ #{$prop}-bottom: $length !important;
23
+ }
24
+ .#{$abbrev}l#{$infix}-#{$size},
25
+ .#{$abbrev}x#{$infix}-#{$size} {
26
+ #{$prop}-left: $length !important;
27
+ }
28
+ }
29
+ }
30
+
31
+ // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
32
+ @each $size, $length in $spacers {
33
+ @if $size != 0 {
34
+ .m#{$infix}-n#{$size} { margin: -$length !important; }
35
+ .mt#{$infix}-n#{$size},
36
+ .my#{$infix}-n#{$size} {
37
+ margin-top: -$length !important;
38
+ }
39
+ .mr#{$infix}-n#{$size},
40
+ .mx#{$infix}-n#{$size} {
41
+ margin-right: -$length !important;
42
+ }
43
+ .mb#{$infix}-n#{$size},
44
+ .my#{$infix}-n#{$size} {
45
+ margin-bottom: -$length !important;
46
+ }
47
+ .ml#{$infix}-n#{$size},
48
+ .mx#{$infix}-n#{$size} {
49
+ margin-left: -$length !important;
50
+ }
51
+ }
52
+ }
53
+
54
+ // Some special margin utils
55
+ .m#{$infix}-auto { margin: auto !important; }
56
+ .mt#{$infix}-auto,
57
+ .my#{$infix}-auto {
58
+ margin-top: auto !important;
59
+ }
60
+ .mr#{$infix}-auto,
61
+ .mx#{$infix}-auto {
62
+ margin-right: auto !important;
63
+ }
64
+ .mb#{$infix}-auto,
65
+ .my#{$infix}-auto {
66
+ margin-bottom: auto !important;
67
+ }
68
+ .ml#{$infix}-auto,
69
+ .mx#{$infix}-auto {
70
+ margin-left: auto !important;
71
+ }
72
+ }
73
+ }
@@ -0,0 +1,19 @@
1
+ //
2
+ // Stretched link
3
+ //
4
+
5
+ .stretched-link {
6
+ &::after {
7
+ position: absolute;
8
+ top: 0;
9
+ right: 0;
10
+ bottom: 0;
11
+ left: 0;
12
+ z-index: 1;
13
+ // Just in case `pointer-events: none` is set on a parent
14
+ pointer-events: auto;
15
+ content: "";
16
+ // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
17
+ background-color: rgba(0, 0, 0, 0);
18
+ }
19
+ }
@@ -0,0 +1,72 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ //
4
+ // Text
5
+ //
6
+
7
+ .text-monospace { font-family: $font-family-monospace !important; }
8
+
9
+ // Alignment
10
+
11
+ .text-justify { text-align: justify !important; }
12
+ .text-wrap { white-space: normal !important; }
13
+ .text-nowrap { white-space: nowrap !important; }
14
+ .text-truncate { @include text-truncate; }
15
+
16
+ // Responsive alignment
17
+
18
+ @each $breakpoint in map-keys($grid-breakpoints) {
19
+ @include media-breakpoint-up($breakpoint) {
20
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
21
+
22
+ .text#{$infix}-left { text-align: left !important; }
23
+ .text#{$infix}-right { text-align: right !important; }
24
+ .text#{$infix}-center { text-align: center !important; }
25
+ }
26
+ }
27
+
28
+ // Transformation
29
+
30
+ .text-lowercase { text-transform: lowercase !important; }
31
+ .text-uppercase { text-transform: uppercase !important; }
32
+ .text-capitalize { text-transform: capitalize !important; }
33
+
34
+ // Weight and italics
35
+
36
+ .font-weight-light { font-weight: $font-weight-light !important; }
37
+ .font-weight-lighter { font-weight: $font-weight-lighter !important; }
38
+ .font-weight-normal { font-weight: $font-weight-normal !important; }
39
+ .font-weight-bold { font-weight: $font-weight-bold !important; }
40
+ .font-weight-bolder { font-weight: $font-weight-bolder !important; }
41
+ .font-italic { font-style: italic !important; }
42
+
43
+ // Contextual colors
44
+
45
+ .text-white { color: $white !important; }
46
+
47
+ @each $color, $value in $theme-colors {
48
+ @include text-emphasis-variant(".text-#{$color}", $value);
49
+ }
50
+
51
+ .text-body { color: $body-color !important; }
52
+ .text-muted { color: $text-muted !important; }
53
+
54
+ .text-black-50 { color: rgba($black, .5) !important; }
55
+ .text-white-50 { color: rgba($white, .5) !important; }
56
+
57
+ // Misc
58
+
59
+ .text-hide {
60
+ @include text-hide($ignore-warning: true);
61
+ }
62
+
63
+ .text-decoration-none { text-decoration: none !important; }
64
+
65
+ .text-break {
66
+ word-break: break-word !important; // IE & < Edge 18
67
+ overflow-wrap: break-word !important;
68
+ }
69
+
70
+ // Reset
71
+
72
+ .text-reset { color: inherit !important; }
@@ -0,0 +1,13 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ //
4
+ // Visibility utilities
5
+ //
6
+
7
+ .visible {
8
+ visibility: visible !important;
9
+ }
10
+
11
+ .invisible {
12
+ visibility: hidden !important;
13
+ }