mancalledmountain-theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (123) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +59 -0
  4. data/_includes/sidebar.html +34 -0
  5. data/_layouts/default.html +38 -0
  6. data/_layouts/page.html +5 -0
  7. data/_layouts/post.html +11 -0
  8. data/_sass/README.md +7 -0
  9. data/_sass/_main.scss +38 -0
  10. data/_sass/abstracts/README.md +7 -0
  11. data/_sass/abstracts/_functions.scss +30 -0
  12. data/_sass/abstracts/_mixins.scss +33 -0
  13. data/_sass/abstracts/_variables.scss +71 -0
  14. data/_sass/base/README.md +5 -0
  15. data/_sass/base/_base.scss +35 -0
  16. data/_sass/base/_fonts.scss +3 -0
  17. data/_sass/base/_helpers.scss +72 -0
  18. data/_sass/base/_typography.scss +15 -0
  19. data/_sass/components/README.md +5 -0
  20. data/_sass/components/_button.scss +3 -0
  21. data/_sass/layout/README.md +5 -0
  22. data/_sass/layout/_footer.scss +11 -0
  23. data/_sass/layout/_header.scss +6 -0
  24. data/_sass/layout/_sidebar.scss +106 -0
  25. data/_sass/pages/README.md +7 -0
  26. data/_sass/pages/_default.scss +27 -0
  27. data/_sass/pages/_home.scss +3 -0
  28. data/_sass/themes/README.md +7 -0
  29. data/_sass/themes/_default.scss +9 -0
  30. data/_sass/vendors/README.md +7 -0
  31. data/_sass/vendors/_normalize.scss +461 -0
  32. data/_sass/vendors/bootstrap/_alert.scss +51 -0
  33. data/_sass/vendors/bootstrap/_badge.scss +54 -0
  34. data/_sass/vendors/bootstrap/_bootstrap.scss +44 -0
  35. data/_sass/vendors/bootstrap/_breadcrumb.scss +41 -0
  36. data/_sass/vendors/bootstrap/_button-group.scss +163 -0
  37. data/_sass/vendors/bootstrap/_buttons.scss +137 -0
  38. data/_sass/vendors/bootstrap/_card.scss +289 -0
  39. data/_sass/vendors/bootstrap/_carousel.scss +197 -0
  40. data/_sass/vendors/bootstrap/_close.scss +41 -0
  41. data/_sass/vendors/bootstrap/_code.scss +48 -0
  42. data/_sass/vendors/bootstrap/_custom-forms.scss +507 -0
  43. data/_sass/vendors/bootstrap/_dropdown.scss +191 -0
  44. data/_sass/vendors/bootstrap/_forms.scss +330 -0
  45. data/_sass/vendors/bootstrap/_functions.scss +86 -0
  46. data/_sass/vendors/bootstrap/_grid.scss +52 -0
  47. data/_sass/vendors/bootstrap/_images.scss +42 -0
  48. data/_sass/vendors/bootstrap/_input-group.scss +193 -0
  49. data/_sass/vendors/bootstrap/_jumbotron.scss +17 -0
  50. data/_sass/vendors/bootstrap/_list-group.scss +149 -0
  51. data/_sass/vendors/bootstrap/_media.scss +8 -0
  52. data/_sass/vendors/bootstrap/_mixins.scss +47 -0
  53. data/_sass/vendors/bootstrap/_modal.scss +229 -0
  54. data/_sass/vendors/bootstrap/_nav.scss +120 -0
  55. data/_sass/vendors/bootstrap/_navbar.scss +294 -0
  56. data/_sass/vendors/bootstrap/_pagination.scss +73 -0
  57. data/_sass/vendors/bootstrap/_popover.scss +171 -0
  58. data/_sass/vendors/bootstrap/_print.scss +141 -0
  59. data/_sass/vendors/bootstrap/_progress.scss +43 -0
  60. data/_sass/vendors/bootstrap/_reboot.scss +483 -0
  61. data/_sass/vendors/bootstrap/_root.scss +19 -0
  62. data/_sass/vendors/bootstrap/_spinners.scss +55 -0
  63. data/_sass/vendors/bootstrap/_tables.scss +185 -0
  64. data/_sass/vendors/bootstrap/_toasts.scss +44 -0
  65. data/_sass/vendors/bootstrap/_tooltip.scss +115 -0
  66. data/_sass/vendors/bootstrap/_transitions.scss +20 -0
  67. data/_sass/vendors/bootstrap/_type.scss +125 -0
  68. data/_sass/vendors/bootstrap/_utilities.scss +17 -0
  69. data/_sass/vendors/bootstrap/_variables.scss +1123 -0
  70. data/_sass/vendors/bootstrap/bootstrap-_grid.scss +29 -0
  71. data/_sass/vendors/bootstrap/bootstrap-_reboot.scss +12 -0
  72. data/_sass/vendors/bootstrap/mixins/_alert.scss +13 -0
  73. data/_sass/vendors/bootstrap/mixins/_background-variant.scss +21 -0
  74. data/_sass/vendors/bootstrap/mixins/_badge.scss +17 -0
  75. data/_sass/vendors/bootstrap/mixins/_border-radius.scss +63 -0
  76. data/_sass/vendors/bootstrap/mixins/_box-shadow.scss +20 -0
  77. data/_sass/vendors/bootstrap/mixins/_breakpoints.scss +123 -0
  78. data/_sass/vendors/bootstrap/mixins/_buttons.scss +107 -0
  79. data/_sass/vendors/bootstrap/mixins/_caret.scss +62 -0
  80. data/_sass/vendors/bootstrap/mixins/_clearfix.scss +7 -0
  81. data/_sass/vendors/bootstrap/mixins/_deprecate.scss +10 -0
  82. data/_sass/vendors/bootstrap/mixins/_float.scss +14 -0
  83. data/_sass/vendors/bootstrap/mixins/_forms.scss +192 -0
  84. data/_sass/vendors/bootstrap/mixins/_gradients.scss +45 -0
  85. data/_sass/vendors/bootstrap/mixins/_grid-framework.scss +66 -0
  86. data/_sass/vendors/bootstrap/mixins/_grid.scss +51 -0
  87. data/_sass/vendors/bootstrap/mixins/_hover.scss +37 -0
  88. data/_sass/vendors/bootstrap/mixins/_image.scss +36 -0
  89. data/_sass/vendors/bootstrap/mixins/_list-group.scss +21 -0
  90. data/_sass/vendors/bootstrap/mixins/_lists.scss +7 -0
  91. data/_sass/vendors/bootstrap/mixins/_nav-divider.scss +10 -0
  92. data/_sass/vendors/bootstrap/mixins/_pagination.scss +22 -0
  93. data/_sass/vendors/bootstrap/mixins/_reset-text.scss +17 -0
  94. data/_sass/vendors/bootstrap/mixins/_resize.scss +6 -0
  95. data/_sass/vendors/bootstrap/mixins/_screen-reader.scss +33 -0
  96. data/_sass/vendors/bootstrap/mixins/_size.scss +7 -0
  97. data/_sass/vendors/bootstrap/mixins/_table-row.scss +39 -0
  98. data/_sass/vendors/bootstrap/mixins/_text-emphasis.scss +16 -0
  99. data/_sass/vendors/bootstrap/mixins/_text-hide.scss +11 -0
  100. data/_sass/vendors/bootstrap/mixins/_text-truncate.scss +8 -0
  101. data/_sass/vendors/bootstrap/mixins/_transition.scss +16 -0
  102. data/_sass/vendors/bootstrap/mixins/_visibility.scss +8 -0
  103. data/_sass/vendors/bootstrap/utilities/_align.scss +8 -0
  104. data/_sass/vendors/bootstrap/utilities/_background.scss +19 -0
  105. data/_sass/vendors/bootstrap/utilities/_borders.scss +75 -0
  106. data/_sass/vendors/bootstrap/utilities/_clearfix.scss +3 -0
  107. data/_sass/vendors/bootstrap/utilities/_display.scss +26 -0
  108. data/_sass/vendors/bootstrap/utilities/_embed.scss +39 -0
  109. data/_sass/vendors/bootstrap/utilities/_flex.scss +51 -0
  110. data/_sass/vendors/bootstrap/utilities/_float.scss +11 -0
  111. data/_sass/vendors/bootstrap/utilities/_overflow.scss +5 -0
  112. data/_sass/vendors/bootstrap/utilities/_position.scss +32 -0
  113. data/_sass/vendors/bootstrap/utilities/_screenreaders.scss +11 -0
  114. data/_sass/vendors/bootstrap/utilities/_shadows.scss +6 -0
  115. data/_sass/vendors/bootstrap/utilities/_sizing.scss +20 -0
  116. data/_sass/vendors/bootstrap/utilities/_spacing.scss +73 -0
  117. data/_sass/vendors/bootstrap/utilities/_stretched-link.scss +19 -0
  118. data/_sass/vendors/bootstrap/utilities/_text.scss +72 -0
  119. data/_sass/vendors/bootstrap/utilities/_visibility.scss +13 -0
  120. data/_sass/vendors/bootstrap/vendor/_rfs.scss +204 -0
  121. data/assets/images/richard_mountain.jpg +0 -0
  122. data/assets/style.scss +3 -0
  123. metadata +206 -0
@@ -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
+ }