comfortable_mexican_sofa 2.0.18 → 2.0.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (137) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/.travis.yml +19 -14
  4. data/Gemfile +2 -2
  5. data/LICENSE +1 -1
  6. data/README.md +4 -2
  7. data/app/assets/config/manifest.js +0 -0
  8. data/app/assets/javascripts/comfy/admin/cms/application.js +1 -2
  9. data/app/assets/javascripts/comfy/vendor/bootstrap.bundle.min.js +7 -0
  10. data/app/assets/javascripts/comfy/vendor/bootstrap.bundle.min.js.map +1 -0
  11. data/app/assets/stylesheets/comfy/vendor/bootstrap/_alert.scss +1 -1
  12. data/app/assets/stylesheets/comfy/vendor/bootstrap/_badge.scss +8 -1
  13. data/app/assets/stylesheets/comfy/vendor/bootstrap/_breadcrumb.scss +0 -0
  14. data/app/assets/stylesheets/comfy/vendor/bootstrap/_button-group.scss +9 -18
  15. data/app/assets/stylesheets/comfy/vendor/bootstrap/_buttons.scss +9 -16
  16. data/app/assets/stylesheets/comfy/vendor/bootstrap/_card.scss +36 -48
  17. data/app/assets/stylesheets/comfy/vendor/bootstrap/_carousel.scss +37 -76
  18. data/app/assets/stylesheets/comfy/vendor/bootstrap/_close.scss +15 -8
  19. data/app/assets/stylesheets/comfy/vendor/bootstrap/_code.scss +5 -5
  20. data/app/assets/stylesheets/comfy/vendor/bootstrap/_custom-forms.scss +140 -54
  21. data/app/assets/stylesheets/comfy/vendor/bootstrap/_dropdown.scss +34 -9
  22. data/app/assets/stylesheets/comfy/vendor/bootstrap/_forms.scss +29 -34
  23. data/app/assets/stylesheets/comfy/vendor/bootstrap/_functions.scss +8 -8
  24. data/app/assets/stylesheets/comfy/vendor/bootstrap/_grid.scss +0 -0
  25. data/app/assets/stylesheets/comfy/vendor/bootstrap/_images.scss +2 -2
  26. data/app/assets/stylesheets/comfy/vendor/bootstrap/_input-group.scss +43 -8
  27. data/app/assets/stylesheets/comfy/vendor/bootstrap/_jumbotron.scss +1 -0
  28. data/app/assets/stylesheets/comfy/vendor/bootstrap/_list-group.scss +39 -5
  29. data/app/assets/stylesheets/comfy/vendor/bootstrap/_media.scss +0 -0
  30. data/app/assets/stylesheets/comfy/vendor/bootstrap/_mixins.scss +6 -0
  31. data/app/assets/stylesheets/comfy/vendor/bootstrap/_modal.scss +78 -17
  32. data/app/assets/stylesheets/comfy/vendor/bootstrap/_nav.scss +2 -0
  33. data/app/assets/stylesheets/comfy/vendor/bootstrap/_navbar.scss +9 -14
  34. data/app/assets/stylesheets/comfy/vendor/bootstrap/_pagination.scss +0 -5
  35. data/app/assets/stylesheets/comfy/vendor/bootstrap/_popover.scss +47 -59
  36. data/app/assets/stylesheets/comfy/vendor/bootstrap/_print.scss +1 -1
  37. data/app/assets/stylesheets/comfy/vendor/bootstrap/_progress.scss +15 -6
  38. data/app/assets/stylesheets/comfy/vendor/bootstrap/_reboot.scss +47 -44
  39. data/app/assets/stylesheets/comfy/vendor/bootstrap/_root.scss +0 -0
  40. data/app/assets/stylesheets/comfy/vendor/bootstrap/_spinners.scss +55 -0
  41. data/app/assets/stylesheets/comfy/vendor/bootstrap/_tables.scss +5 -8
  42. data/app/assets/stylesheets/comfy/vendor/bootstrap/_toasts.scss +44 -0
  43. data/app/assets/stylesheets/comfy/vendor/bootstrap/_tooltip.scss +1 -1
  44. data/app/assets/stylesheets/comfy/vendor/bootstrap/_transitions.scss +0 -2
  45. data/app/assets/stylesheets/comfy/vendor/bootstrap/_type.scss +16 -16
  46. data/app/assets/stylesheets/comfy/vendor/bootstrap/_utilities.scss +2 -0
  47. data/app/assets/stylesheets/comfy/vendor/bootstrap/_variables.scss +371 -177
  48. data/app/assets/stylesheets/comfy/vendor/bootstrap/bootstrap-grid.scss +4 -7
  49. data/app/assets/stylesheets/comfy/vendor/bootstrap/bootstrap-reboot.scss +3 -3
  50. data/app/assets/stylesheets/comfy/vendor/bootstrap/bootstrap.scss +5 -3
  51. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_alert.scss +0 -0
  52. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_background-variant.scss +0 -0
  53. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_badge.scss +7 -2
  54. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_border-radius.scss +29 -1
  55. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_box-shadow.scss +16 -1
  56. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_breakpoints.scss +3 -3
  57. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_buttons.scss +12 -14
  58. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_caret.scss +4 -8
  59. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_clearfix.scss +0 -0
  60. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_deprecate.scss +10 -0
  61. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_float.scss +3 -0
  62. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_forms.scss +58 -13
  63. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_gradients.scss +0 -0
  64. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_grid-framework.scss +3 -4
  65. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_grid.scss +9 -10
  66. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_hover.scss +1 -1
  67. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_image.scss +2 -2
  68. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_list-group.scss +0 -0
  69. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_lists.scss +0 -0
  70. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_nav-divider.scss +0 -0
  71. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_pagination.scss +1 -1
  72. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_reset-text.scss +1 -1
  73. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_resize.scss +0 -0
  74. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_screen-reader.scss +0 -0
  75. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_size.scss +1 -0
  76. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_table-row.scss +10 -1
  77. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_text-emphasis.scss +5 -3
  78. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_text-hide.scss +1 -3
  79. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_text-truncate.scss +0 -0
  80. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_transition.scss +5 -2
  81. data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_visibility.scss +1 -0
  82. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_align.scss +0 -0
  83. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_background.scss +0 -0
  84. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_borders.scss +17 -1
  85. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_clearfix.scss +0 -0
  86. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_display.scss +6 -18
  87. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_embed.scss +7 -20
  88. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_flex.scss +0 -0
  89. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_float.scss +5 -3
  90. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_overflow.scss +5 -0
  91. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_position.scss +0 -5
  92. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_screenreaders.scss +0 -0
  93. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_shadows.scss +0 -0
  94. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_sizing.scss +8 -0
  95. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_spacing.scss +23 -1
  96. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_stretched-link.scss +19 -0
  97. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_text.scss +19 -5
  98. data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_visibility.scss +4 -2
  99. data/app/assets/stylesheets/comfy/vendor/bootstrap/vendor/_rfs.scss +204 -0
  100. data/app/models/comfy/cms/file.rb +6 -1
  101. data/app/models/comfy/cms/fragment.rb +6 -2
  102. data/app/models/comfy/cms/layout.rb +16 -8
  103. data/app/models/comfy/cms/page.rb +12 -17
  104. data/app/views/comfy/admin/cms/files/index.html.haml +4 -2
  105. data/app/views/comfy/admin/cms/pages/_form.html.haml +2 -2
  106. data/app/views/comfy/admin/cms/pages/index.html.haml +2 -2
  107. data/config/locales/ar.yml +262 -0
  108. data/config/locales/ca.yml +0 -1
  109. data/config/locales/cs.yml +0 -1
  110. data/config/locales/da.yml +0 -1
  111. data/config/locales/de.yml +60 -61
  112. data/config/locales/en.yml +0 -1
  113. data/config/locales/es.yml +0 -1
  114. data/config/locales/fi.yml +0 -1
  115. data/config/locales/fr.yml +0 -1
  116. data/config/locales/gr.yml +0 -1
  117. data/config/locales/hr.yml +262 -0
  118. data/config/locales/it.yml +0 -1
  119. data/config/locales/ja.yml +0 -1
  120. data/config/locales/nb.yml +0 -1
  121. data/config/locales/nl.yml +0 -1
  122. data/config/locales/pl.yml +0 -1
  123. data/config/locales/pt-BR.yml +0 -1
  124. data/config/locales/ru.yml +0 -1
  125. data/config/locales/sk.yml +0 -1
  126. data/config/locales/sv.yml +0 -1
  127. data/config/locales/tr.yml +0 -1
  128. data/config/locales/uk.yml +0 -1
  129. data/config/locales/zh-CN.yml +0 -1
  130. data/config/locales/zh-TW.yml +0 -1
  131. data/lib/comfortable_mexican_sofa/configuration.rb +2 -0
  132. data/lib/comfortable_mexican_sofa/seeds.rb +6 -2
  133. data/lib/comfortable_mexican_sofa/version.rb +1 -1
  134. data/lib/tasks/cms_seeds.rake +7 -7
  135. metadata +15 -5
  136. data/app/assets/javascripts/comfy/vendor/bootstrap.min.js +0 -7
  137. data/app/assets/javascripts/comfy/vendor/popper.min.js +0 -6
@@ -1,6 +1,6 @@
1
1
  // Hover mixin and `$enable-hover-media-query` are deprecated.
2
2
  //
3
- // Origally added during our alphas and maintained during betas, this mixin was
3
+ // Originally added during our alphas and maintained during betas, this mixin was
4
4
  // designed to prevent `:hover` stickiness on iOS-an issue where hover styles
5
5
  // would persist after initial touch.
6
6
  //
@@ -20,7 +20,6 @@
20
20
  //
21
21
  // Short retina mixin for setting background-image and -size.
22
22
 
23
- // stylelint-disable indentation, media-query-list-comma-newline-after
24
23
  @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
25
24
  background-image: url($file-1x);
26
25
 
@@ -29,8 +28,9 @@
29
28
  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
30
29
  // Compatibility info: https://caniuse.com/#feat=css-media-resolution
31
30
  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
32
- only screen and (min-resolution: 2dppx) { // Standardized
31
+ only screen and (min-resolution: 2dppx) { // Standardized
33
32
  background-image: url($file-2x);
34
33
  background-size: $width-1x $height-1x;
35
34
  }
35
+ @include deprecate("`img-retina()`", "v4.3.0", "v5");
36
36
  }
@@ -3,7 +3,7 @@
3
3
  @mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
4
4
  .page-link {
5
5
  padding: $padding-y $padding-x;
6
- font-size: $font-size;
6
+ @include font-size($font-size);
7
7
  line-height: $line-height;
8
8
  }
9
9
 
@@ -5,7 +5,7 @@
5
5
  font-weight: $font-weight-normal;
6
6
  line-height: $line-height-base;
7
7
  text-align: left; // Fallback for where `start` is not supported
8
- text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties
8
+ text-align: start;
9
9
  text-decoration: none;
10
10
  text-shadow: none;
11
11
  text-transform: none;
@@ -3,4 +3,5 @@
3
3
  @mixin size($width, $height: $width) {
4
4
  width: $width;
5
5
  height: $height;
6
+ @include deprecate("`size()`", "v4.3.0", "v5");
6
7
  }
@@ -1,6 +1,6 @@
1
1
  // Tables
2
2
 
3
- @mixin table-row-variant($state, $background) {
3
+ @mixin table-row-variant($state, $background, $border: null) {
4
4
  // Exact selectors below required to override `.table-striped` and prevent
5
5
  // inheritance to nested tables.
6
6
  .table-#{$state} {
@@ -9,6 +9,15 @@
9
9
  > td {
10
10
  background-color: $background;
11
11
  }
12
+
13
+ @if $border != null {
14
+ th,
15
+ td,
16
+ thead th,
17
+ tbody + tbody {
18
+ border-color: $border;
19
+ }
20
+ }
12
21
  }
13
22
 
14
23
  // Hover states for `.table-hover`
@@ -6,9 +6,11 @@
6
6
  #{$parent} {
7
7
  color: $color !important;
8
8
  }
9
- a#{$parent} {
10
- @include hover-focus {
11
- color: darken($color, 10%) !important;
9
+ @if $emphasized-link-hover-darken-percentage != 0 {
10
+ a#{$parent} {
11
+ @include hover-focus {
12
+ color: darken($color, $emphasized-link-hover-darken-percentage) !important;
13
+ }
12
14
  }
13
15
  }
14
16
  }
@@ -7,7 +7,5 @@
7
7
  background-color: transparent;
8
8
  border: 0;
9
9
 
10
- @if ($ignore-warning != true) {
11
- @warn "The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5.";
12
- }
10
+ @include deprecate("`text-hide()`", "v4.1.0", "v5", $ignore-warning);
13
11
  }
@@ -1,3 +1,4 @@
1
+ // stylelint-disable property-blacklist
1
2
  @mixin transition($transition...) {
2
3
  @if $enable-transitions {
3
4
  @if length($transition) == 0 {
@@ -7,7 +8,9 @@
7
8
  }
8
9
  }
9
10
 
10
- @media screen and (prefers-reduced-motion: reduce) {
11
- transition: none;
11
+ @if $enable-prefers-reduced-motion-media-query {
12
+ @media (prefers-reduced-motion: reduce) {
13
+ transition: none;
14
+ }
12
15
  }
13
16
  }
@@ -4,4 +4,5 @@
4
4
 
5
5
  @mixin invisible($visibility) {
6
6
  visibility: $visibility !important;
7
+ @include deprecate("`invisible()`", "v4.3.0", "v5");
7
8
  }
@@ -1,4 +1,4 @@
1
- // stylelint-disable declaration-no-important
1
+ // stylelint-disable property-blacklist, declaration-no-important
2
2
 
3
3
  //
4
4
  // Border
@@ -30,30 +30,46 @@
30
30
  // Border-radius
31
31
  //
32
32
 
33
+ .rounded-sm {
34
+ border-radius: $border-radius-sm !important;
35
+ }
36
+
33
37
  .rounded {
34
38
  border-radius: $border-radius !important;
35
39
  }
40
+
36
41
  .rounded-top {
37
42
  border-top-left-radius: $border-radius !important;
38
43
  border-top-right-radius: $border-radius !important;
39
44
  }
45
+
40
46
  .rounded-right {
41
47
  border-top-right-radius: $border-radius !important;
42
48
  border-bottom-right-radius: $border-radius !important;
43
49
  }
50
+
44
51
  .rounded-bottom {
45
52
  border-bottom-right-radius: $border-radius !important;
46
53
  border-bottom-left-radius: $border-radius !important;
47
54
  }
55
+
48
56
  .rounded-left {
49
57
  border-top-left-radius: $border-radius !important;
50
58
  border-bottom-left-radius: $border-radius !important;
51
59
  }
52
60
 
61
+ .rounded-lg {
62
+ border-radius: $border-radius-lg !important;
63
+ }
64
+
53
65
  .rounded-circle {
54
66
  border-radius: 50% !important;
55
67
  }
56
68
 
69
+ .rounded-pill {
70
+ border-radius: $rounded-pill !important;
71
+ }
72
+
57
73
  .rounded-0 {
58
74
  border-radius: 0 !important;
59
75
  }
@@ -8,15 +8,9 @@
8
8
  @include media-breakpoint-up($breakpoint) {
9
9
  $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
10
 
11
- .d#{$infix}-none { display: none !important; }
12
- .d#{$infix}-inline { display: inline !important; }
13
- .d#{$infix}-inline-block { display: inline-block !important; }
14
- .d#{$infix}-block { display: block !important; }
15
- .d#{$infix}-table { display: table !important; }
16
- .d#{$infix}-table-row { display: table-row !important; }
17
- .d#{$infix}-table-cell { display: table-cell !important; }
18
- .d#{$infix}-flex { display: flex !important; }
19
- .d#{$infix}-inline-flex { display: inline-flex !important; }
11
+ @each $value in $displays {
12
+ .d#{$infix}-#{$value} { display: $value !important; }
13
+ }
20
14
  }
21
15
  }
22
16
 
@@ -26,13 +20,7 @@
26
20
  //
27
21
 
28
22
  @media print {
29
- .d-print-none { display: none !important; }
30
- .d-print-inline { display: inline !important; }
31
- .d-print-inline-block { display: inline-block !important; }
32
- .d-print-block { display: block !important; }
33
- .d-print-table { display: table !important; }
34
- .d-print-table-row { display: table-row !important; }
35
- .d-print-table-cell { display: table-cell !important; }
36
- .d-print-flex { display: flex !important; }
37
- .d-print-inline-flex { display: inline-flex !important; }
23
+ @each $value in $displays {
24
+ .d-print-#{$value} { display: $value !important; }
25
+ }
38
26
  }
@@ -27,26 +27,13 @@
27
27
  }
28
28
  }
29
29
 
30
- .embed-responsive-21by9 {
31
- &::before {
32
- padding-top: percentage(9 / 21);
33
- }
34
- }
35
-
36
- .embed-responsive-16by9 {
37
- &::before {
38
- padding-top: percentage(9 / 16);
39
- }
40
- }
41
-
42
- .embed-responsive-4by3 {
43
- &::before {
44
- padding-top: percentage(3 / 4);
45
- }
46
- }
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);
47
33
 
48
- .embed-responsive-1by1 {
49
- &::before {
50
- padding-top: percentage(1 / 1);
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
+ }
51
38
  }
52
39
  }
@@ -1,9 +1,11 @@
1
+ // stylelint-disable declaration-no-important
2
+
1
3
  @each $breakpoint in map-keys($grid-breakpoints) {
2
4
  @include media-breakpoint-up($breakpoint) {
3
5
  $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
4
6
 
5
- .float#{$infix}-left { @include float-left; }
6
- .float#{$infix}-right { @include float-right; }
7
- .float#{$infix}-none { @include float-none; }
7
+ .float#{$infix}-left { float: left !important; }
8
+ .float#{$infix}-right { float: right !important; }
9
+ .float#{$infix}-none { float: none !important; }
8
10
  }
9
11
  }
@@ -0,0 +1,5 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ @each $value in $overflows {
4
+ .overflow-#{$value} { overflow: $value !important; }
5
+ }
@@ -1,11 +1,6 @@
1
1
  // stylelint-disable declaration-no-important
2
2
 
3
3
  // Common values
4
-
5
- // Sass list not in variables since it's not intended for customization.
6
- // stylelint-disable-next-line scss/dollar-variable-default
7
- $positions: static, relative, absolute, fixed, sticky;
8
-
9
4
  @each $position in $positions {
10
5
  .position-#{$position} { position: $position !important; }
11
6
  }
@@ -10,3 +10,11 @@
10
10
 
11
11
  .mw-100 { max-width: 100% !important; }
12
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; }
@@ -8,7 +8,6 @@
8
8
 
9
9
  @each $prop, $abbrev in (margin: m, padding: p) {
10
10
  @each $size, $length in $spacers {
11
-
12
11
  .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
13
12
  .#{$abbrev}t#{$infix}-#{$size},
14
13
  .#{$abbrev}y#{$infix}-#{$size} {
@@ -29,6 +28,29 @@
29
28
  }
30
29
  }
31
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
+
32
54
  // Some special margin utils
33
55
  .m#{$infix}-auto { margin: auto !important; }
34
56
  .mt#{$infix}-auto,
@@ -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
+ }
@@ -4,11 +4,12 @@
4
4
  // Text
5
5
  //
6
6
 
7
- .text-monospace { font-family: $font-family-monospace; }
7
+ .text-monospace { font-family: $font-family-monospace !important; }
8
8
 
9
9
  // Alignment
10
10
 
11
11
  .text-justify { text-align: justify !important; }
12
+ .text-wrap { white-space: normal !important; }
12
13
  .text-nowrap { white-space: nowrap !important; }
13
14
  .text-truncate { @include text-truncate; }
14
15
 
@@ -32,10 +33,12 @@
32
33
 
33
34
  // Weight and italics
34
35
 
35
- .font-weight-light { font-weight: $font-weight-light !important; }
36
- .font-weight-normal { font-weight: $font-weight-normal !important; }
37
- .font-weight-bold { font-weight: $font-weight-bold !important; }
38
- .font-italic { font-style: italic !important; }
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; }
39
42
 
40
43
  // Contextual colors
41
44
 
@@ -56,3 +59,14 @@
56
59
  .text-hide {
57
60
  @include text-hide($ignore-warning: true);
58
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; }
@@ -1,11 +1,13 @@
1
+ // stylelint-disable declaration-no-important
2
+
1
3
  //
2
4
  // Visibility utilities
3
5
  //
4
6
 
5
7
  .visible {
6
- @include invisible(visible);
8
+ visibility: visible !important;
7
9
  }
8
10
 
9
11
  .invisible {
10
- @include invisible(hidden);
12
+ visibility: hidden !important;
11
13
  }