viniBaxter-spa_landing 15.0.0 → 32.0.0

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 (94) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/sass/{spa_landing-nav.scss → spa_landing-creative-nav.scss} +1 -4
  3. data/lib/viniBaxter/sass/{spa_landing-basic-nav.scss → spa_landing-initial-nav.scss} +1 -4
  4. data/lib/viniBaxter/sass/spa_landing/theme/both_gems/jumbotrons/_jubo-home.scss +4 -3
  5. data/lib/viniBaxter/spa_landing/version.rb +9 -1
  6. metadata +4 -92
  7. data/lib/viniBaxter/sass/bootstrap/_alert.scss +0 -51
  8. data/lib/viniBaxter/sass/bootstrap/_badge.scss +0 -54
  9. data/lib/viniBaxter/sass/bootstrap/_breadcrumb.scss +0 -44
  10. data/lib/viniBaxter/sass/bootstrap/_button-group.scss +0 -163
  11. data/lib/viniBaxter/sass/bootstrap/_buttons.scss +0 -203
  12. data/lib/viniBaxter/sass/bootstrap/_card.scss +0 -286
  13. data/lib/viniBaxter/sass/bootstrap/_carousel.scss +0 -197
  14. data/lib/viniBaxter/sass/bootstrap/_close.scss +0 -40
  15. data/lib/viniBaxter/sass/bootstrap/_code.scss +0 -48
  16. data/lib/viniBaxter/sass/bootstrap/_custom-forms.scss +0 -556
  17. data/lib/viniBaxter/sass/bootstrap/_dropdown.scss +0 -192
  18. data/lib/viniBaxter/sass/bootstrap/_forms.scss +0 -364
  19. data/lib/viniBaxter/sass/bootstrap/_grid.scss +0 -86
  20. data/lib/viniBaxter/sass/bootstrap/_images.scss +0 -42
  21. data/lib/viniBaxter/sass/bootstrap/_input-group.scss +0 -192
  22. data/lib/viniBaxter/sass/bootstrap/_jumbotron.scss +0 -17
  23. data/lib/viniBaxter/sass/bootstrap/_list-group.scss +0 -154
  24. data/lib/viniBaxter/sass/bootstrap/_media.scss +0 -8
  25. data/lib/viniBaxter/sass/bootstrap/_mixins.scss +0 -47
  26. data/lib/viniBaxter/sass/bootstrap/_modal.scss +0 -240
  27. data/lib/viniBaxter/sass/bootstrap/_nav.scss +0 -123
  28. data/lib/viniBaxter/sass/bootstrap/_navbar.scss +0 -318
  29. data/lib/viniBaxter/sass/bootstrap/_pagination.scss +0 -74
  30. data/lib/viniBaxter/sass/bootstrap/_popover.scss +0 -170
  31. data/lib/viniBaxter/sass/bootstrap/_print.scss +0 -141
  32. data/lib/viniBaxter/sass/bootstrap/_progress.scss +0 -47
  33. data/lib/viniBaxter/sass/bootstrap/_reboot.scss +0 -498
  34. data/lib/viniBaxter/sass/bootstrap/_root.scss +0 -20
  35. data/lib/viniBaxter/sass/bootstrap/_spinners.scss +0 -56
  36. data/lib/viniBaxter/sass/bootstrap/_tables.scss +0 -185
  37. data/lib/viniBaxter/sass/bootstrap/_toasts.scss +0 -46
  38. data/lib/viniBaxter/sass/bootstrap/_tooltip.scss +0 -115
  39. data/lib/viniBaxter/sass/bootstrap/_transitions.scss +0 -20
  40. data/lib/viniBaxter/sass/bootstrap/_type.scss +0 -149
  41. data/lib/viniBaxter/sass/bootstrap/_utilities.scss +0 -18
  42. data/lib/viniBaxter/sass/bootstrap/bootstrap-grid.scss +0 -29
  43. data/lib/viniBaxter/sass/bootstrap/bootstrap-reboot.scss +0 -12
  44. data/lib/viniBaxter/sass/bootstrap/bootstrap.scss +0 -42
  45. data/lib/viniBaxter/sass/bootstrap/mixins/_alert.scss +0 -13
  46. data/lib/viniBaxter/sass/bootstrap/mixins/_background-variant.scss +0 -23
  47. data/lib/viniBaxter/sass/bootstrap/mixins/_badge.scss +0 -17
  48. data/lib/viniBaxter/sass/bootstrap/mixins/_border-radius.scss +0 -76
  49. data/lib/viniBaxter/sass/bootstrap/mixins/_box-shadow.scss +0 -20
  50. data/lib/viniBaxter/sass/bootstrap/mixins/_breakpoints.scss +0 -123
  51. data/lib/viniBaxter/sass/bootstrap/mixins/_buttons.scss +0 -153
  52. data/lib/viniBaxter/sass/bootstrap/mixins/_caret.scss +0 -62
  53. data/lib/viniBaxter/sass/bootstrap/mixins/_clearfix.scss +0 -7
  54. data/lib/viniBaxter/sass/bootstrap/mixins/_deprecate.scss +0 -10
  55. data/lib/viniBaxter/sass/bootstrap/mixins/_float.scss +0 -14
  56. data/lib/viniBaxter/sass/bootstrap/mixins/_forms.scss +0 -178
  57. data/lib/viniBaxter/sass/bootstrap/mixins/_gradients.scss +0 -45
  58. data/lib/viniBaxter/sass/bootstrap/mixins/_grid-framework.scss +0 -80
  59. data/lib/viniBaxter/sass/bootstrap/mixins/_grid.scss +0 -72
  60. data/lib/viniBaxter/sass/bootstrap/mixins/_hover.scss +0 -37
  61. data/lib/viniBaxter/sass/bootstrap/mixins/_image.scss +0 -36
  62. data/lib/viniBaxter/sass/bootstrap/mixins/_list-group.scss +0 -21
  63. data/lib/viniBaxter/sass/bootstrap/mixins/_lists.scss +0 -7
  64. data/lib/viniBaxter/sass/bootstrap/mixins/_nav-divider.scss +0 -11
  65. data/lib/viniBaxter/sass/bootstrap/mixins/_pagination.scss +0 -22
  66. data/lib/viniBaxter/sass/bootstrap/mixins/_reset-text.scss +0 -17
  67. data/lib/viniBaxter/sass/bootstrap/mixins/_resize.scss +0 -6
  68. data/lib/viniBaxter/sass/bootstrap/mixins/_screen-reader.scss +0 -34
  69. data/lib/viniBaxter/sass/bootstrap/mixins/_size.scss +0 -7
  70. data/lib/viniBaxter/sass/bootstrap/mixins/_table-row.scss +0 -39
  71. data/lib/viniBaxter/sass/bootstrap/mixins/_text-emphasis.scss +0 -17
  72. data/lib/viniBaxter/sass/bootstrap/mixins/_text-hide.scss +0 -11
  73. data/lib/viniBaxter/sass/bootstrap/mixins/_text-truncate.scss +0 -8
  74. data/lib/viniBaxter/sass/bootstrap/mixins/_transition.scss +0 -26
  75. data/lib/viniBaxter/sass/bootstrap/mixins/_visibility.scss +0 -8
  76. data/lib/viniBaxter/sass/bootstrap/utilities/_align.scss +0 -8
  77. data/lib/viniBaxter/sass/bootstrap/utilities/_background.scss +0 -19
  78. data/lib/viniBaxter/sass/bootstrap/utilities/_borders.scss +0 -75
  79. data/lib/viniBaxter/sass/bootstrap/utilities/_clearfix.scss +0 -3
  80. data/lib/viniBaxter/sass/bootstrap/utilities/_display.scss +0 -26
  81. data/lib/viniBaxter/sass/bootstrap/utilities/_embed.scss +0 -39
  82. data/lib/viniBaxter/sass/bootstrap/utilities/_flex.scss +0 -51
  83. data/lib/viniBaxter/sass/bootstrap/utilities/_float.scss +0 -11
  84. data/lib/viniBaxter/sass/bootstrap/utilities/_interactions.scss +0 -5
  85. data/lib/viniBaxter/sass/bootstrap/utilities/_overflow.scss +0 -5
  86. data/lib/viniBaxter/sass/bootstrap/utilities/_position.scss +0 -34
  87. data/lib/viniBaxter/sass/bootstrap/utilities/_screenreaders.scss +0 -11
  88. data/lib/viniBaxter/sass/bootstrap/utilities/_shadows.scss +0 -6
  89. data/lib/viniBaxter/sass/bootstrap/utilities/_sizing.scss +0 -20
  90. data/lib/viniBaxter/sass/bootstrap/utilities/_spacing.scss +0 -73
  91. data/lib/viniBaxter/sass/bootstrap/utilities/_stretched-link.scss +0 -19
  92. data/lib/viniBaxter/sass/bootstrap/utilities/_text.scss +0 -72
  93. data/lib/viniBaxter/sass/bootstrap/utilities/_visibility.scss +0 -13
  94. data/lib/viniBaxter/sass/bootstrap/vendor/_rfs.scss +0 -204
@@ -1,74 +0,0 @@
1
- .pagination {
2
- display: flex;
3
- @include list-unstyled();
4
- @include border-radius();
5
- }
6
-
7
- .page-link {
8
- position: relative;
9
- display: block;
10
- padding: $pagination-padding-y $pagination-padding-x;
11
- margin-left: -$pagination-border-width;
12
- line-height: $pagination-line-height;
13
- color: $pagination-color;
14
- text-decoration: if($link-decoration == none, null, none);
15
- background-color: $pagination-bg;
16
- border: $pagination-border-width solid $pagination-border-color;
17
-
18
- &:hover {
19
- z-index: 2;
20
- color: $pagination-hover-color;
21
- text-decoration: none;
22
- background-color: $pagination-hover-bg;
23
- border-color: $pagination-hover-border-color;
24
- }
25
-
26
- &:focus {
27
- z-index: 3;
28
- outline: $pagination-focus-outline;
29
- box-shadow: $pagination-focus-box-shadow;
30
- }
31
- }
32
-
33
- .page-item {
34
- &:first-child {
35
- .page-link {
36
- margin-left: 0;
37
- @include border-left-radius($border-radius);
38
- }
39
- }
40
- &:last-child {
41
- .page-link {
42
- @include border-right-radius($border-radius);
43
- }
44
- }
45
-
46
- &.active .page-link {
47
- z-index: 3;
48
- color: $pagination-active-color;
49
- background-color: $pagination-active-bg;
50
- border-color: $pagination-active-border-color;
51
- }
52
-
53
- &.disabled .page-link {
54
- color: $pagination-disabled-color;
55
- pointer-events: none;
56
- // Opinionated: remove the "hand" cursor set previously for .page-link
57
- cursor: auto;
58
- background-color: $pagination-disabled-bg;
59
- border-color: $pagination-disabled-border-color;
60
- }
61
- }
62
-
63
-
64
- //
65
- // Sizing
66
- //
67
-
68
- .pagination-lg {
69
- @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
70
- }
71
-
72
- .pagination-sm {
73
- @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
74
- }
@@ -1,170 +0,0 @@
1
- .popover {
2
- position: absolute;
3
- top: 0;
4
- left: 0;
5
- z-index: $zindex-popover;
6
- display: block;
7
- max-width: $popover-max-width;
8
- // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
9
- // So reset our font and text properties to avoid inheriting weird values.
10
- @include reset-text();
11
- @include font-size($popover-font-size);
12
- // Allow breaking very long words so they don't overflow the popover's bounds
13
- word-wrap: break-word;
14
- background-color: $popover-bg;
15
- background-clip: padding-box;
16
- border: $popover-border-width solid $popover-border-color;
17
- @include border-radius($popover-border-radius);
18
- @include box-shadow($popover-box-shadow);
19
-
20
- .arrow {
21
- position: absolute;
22
- display: block;
23
- width: $popover-arrow-width;
24
- height: $popover-arrow-height;
25
- margin: 0 $popover-border-radius;
26
-
27
- &::before,
28
- &::after {
29
- position: absolute;
30
- display: block;
31
- content: "";
32
- border-color: transparent;
33
- border-style: solid;
34
- }
35
- }
36
- }
37
-
38
- .bs-popover-top {
39
- margin-bottom: $popover-arrow-height;
40
-
41
- > .arrow {
42
- bottom: subtract(-$popover-arrow-height, $popover-border-width);
43
-
44
- &::before {
45
- bottom: 0;
46
- border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
47
- border-top-color: $popover-arrow-outer-color;
48
- }
49
-
50
- &::after {
51
- bottom: $popover-border-width;
52
- border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
53
- border-top-color: $popover-arrow-color;
54
- }
55
- }
56
- }
57
-
58
- .bs-popover-right {
59
- margin-left: $popover-arrow-height;
60
-
61
- > .arrow {
62
- left: subtract(-$popover-arrow-height, $popover-border-width);
63
- width: $popover-arrow-height;
64
- height: $popover-arrow-width;
65
- margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
66
-
67
- &::before {
68
- left: 0;
69
- border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
70
- border-right-color: $popover-arrow-outer-color;
71
- }
72
-
73
- &::after {
74
- left: $popover-border-width;
75
- border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
76
- border-right-color: $popover-arrow-color;
77
- }
78
- }
79
- }
80
-
81
- .bs-popover-bottom {
82
- margin-top: $popover-arrow-height;
83
-
84
- > .arrow {
85
- top: subtract(-$popover-arrow-height, $popover-border-width);
86
-
87
- &::before {
88
- top: 0;
89
- border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
90
- border-bottom-color: $popover-arrow-outer-color;
91
- }
92
-
93
- &::after {
94
- top: $popover-border-width;
95
- border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
96
- border-bottom-color: $popover-arrow-color;
97
- }
98
- }
99
-
100
- // This will remove the popover-header's border just below the arrow
101
- .popover-header::before {
102
- position: absolute;
103
- top: 0;
104
- left: 50%;
105
- display: block;
106
- width: $popover-arrow-width;
107
- margin-left: -$popover-arrow-width / 2;
108
- content: "";
109
- border-bottom: $popover-border-width solid $popover-header-bg;
110
- }
111
- }
112
-
113
- .bs-popover-left {
114
- margin-right: $popover-arrow-height;
115
-
116
- > .arrow {
117
- right: subtract(-$popover-arrow-height, $popover-border-width);
118
- width: $popover-arrow-height;
119
- height: $popover-arrow-width;
120
- margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
121
-
122
- &::before {
123
- right: 0;
124
- border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
125
- border-left-color: $popover-arrow-outer-color;
126
- }
127
-
128
- &::after {
129
- right: $popover-border-width;
130
- border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
131
- border-left-color: $popover-arrow-color;
132
- }
133
- }
134
- }
135
-
136
- .bs-popover-auto {
137
- &[x-placement^="top"] {
138
- @extend .bs-popover-top;
139
- }
140
- &[x-placement^="right"] {
141
- @extend .bs-popover-right;
142
- }
143
- &[x-placement^="bottom"] {
144
- @extend .bs-popover-bottom;
145
- }
146
- &[x-placement^="left"] {
147
- @extend .bs-popover-left;
148
- }
149
- }
150
-
151
-
152
- // Offset the popover to account for the popover arrow
153
- .popover-header {
154
- padding: $popover-header-padding-y $popover-header-padding-x;
155
- margin-bottom: 0; // Reset the default from Reboot
156
- @include font-size($font-size-base);
157
- color: $popover-header-color;
158
- background-color: $popover-header-bg;
159
- border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
160
- @include border-top-radius($popover-inner-border-radius);
161
-
162
- &:empty {
163
- display: none;
164
- }
165
- }
166
-
167
- .popover-body {
168
- padding: $popover-body-padding-y $popover-body-padding-x;
169
- color: $popover-body-color;
170
- }
@@ -1,141 +0,0 @@
1
- // stylelint-disable declaration-no-important, selector-no-qualifying-type
2
-
3
- // Source: https://github.com/h5bp/main.css/blob/master/src/_print.css
4
-
5
- // ==========================================================================
6
- // Print styles.
7
- // Inlined to avoid the additional HTTP request:
8
- // https://www.phpied.com/delay-loading-your-print-css/
9
- // ==========================================================================
10
-
11
- @if $enable-print-styles {
12
- @media print {
13
- *,
14
- *::before,
15
- *::after {
16
- // Bootstrap specific; comment out `color` and `background`
17
- //color: $black !important; // Black prints faster
18
- text-shadow: none !important;
19
- //background: transparent !important;
20
- box-shadow: none !important;
21
- }
22
-
23
- a {
24
- &:not(.btn) {
25
- text-decoration: underline;
26
- }
27
- }
28
-
29
- // Bootstrap specific; comment the following selector out
30
- //a[href]::after {
31
- // content: " (" attr(href) ")";
32
- //}
33
-
34
- abbr[title]::after {
35
- content: " (" attr(title) ")";
36
- }
37
-
38
- // Bootstrap specific; comment the following selector out
39
- //
40
- // Don't show links that are fragment identifiers,
41
- // or use the `javascript:` pseudo protocol
42
- //
43
-
44
- //a[href^="#"]::after,
45
- //a[href^="javascript:"]::after {
46
- // content: "";
47
- //}
48
-
49
- pre {
50
- white-space: pre-wrap !important;
51
- }
52
- pre,
53
- blockquote {
54
- border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
55
- page-break-inside: avoid;
56
- }
57
-
58
- //
59
- // Printing Tables:
60
- // https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
61
- //
62
-
63
- thead {
64
- display: table-header-group;
65
- }
66
-
67
- tr,
68
- img {
69
- page-break-inside: avoid;
70
- }
71
-
72
- p,
73
- h2,
74
- h3 {
75
- orphans: 3;
76
- widows: 3;
77
- }
78
-
79
- h2,
80
- h3 {
81
- page-break-after: avoid;
82
- }
83
-
84
- // Bootstrap specific changes start
85
-
86
- // Specify a size and min-width to make printing closer across browsers.
87
- // We don't set margin here because it breaks `size` in Chrome. We also
88
- // don't use `!important` on `size` as it breaks in Chrome.
89
- @page {
90
- size: $print-page-size;
91
- }
92
- body {
93
- min-width: $print-body-min-width !important;
94
- }
95
- .container {
96
- min-width: $print-body-min-width !important;
97
- }
98
-
99
- // Bootstrap components
100
- .navbar {
101
- display: none;
102
- }
103
- .badge {
104
- border: $border-width solid $black;
105
- }
106
-
107
- .table {
108
- border-collapse: collapse !important;
109
-
110
- td,
111
- th {
112
- background-color: $white !important;
113
- }
114
- }
115
-
116
- .table-bordered {
117
- th,
118
- td {
119
- border: 1px solid $gray-300 !important;
120
- }
121
- }
122
-
123
- .table-dark {
124
- color: inherit;
125
-
126
- th,
127
- td,
128
- thead th,
129
- tbody + tbody {
130
- border-color: $table-border-color;
131
- }
132
- }
133
-
134
- .table .thead-dark th {
135
- color: inherit;
136
- border-color: $table-border-color;
137
- }
138
-
139
- // Bootstrap specific changes end
140
- }
141
- }
@@ -1,47 +0,0 @@
1
- // Disable animation if transitions are disabled
2
- @if $enable-transitions {
3
- @keyframes progress-bar-stripes {
4
- from { background-position: $progress-height 0; }
5
- to { background-position: 0 0; }
6
- }
7
- }
8
-
9
- .progress {
10
- display: flex;
11
- height: $progress-height;
12
- overflow: hidden; // force rounded corners by cropping it
13
- line-height: 0;
14
- @include font-size($progress-font-size);
15
- background-color: $progress-bg;
16
- @include border-radius($progress-border-radius);
17
- @include box-shadow($progress-box-shadow);
18
- }
19
-
20
- .progress-bar {
21
- display: flex;
22
- flex-direction: column;
23
- justify-content: center;
24
- overflow: hidden;
25
- color: $progress-bar-color;
26
- text-align: center;
27
- white-space: nowrap;
28
- background-color: $progress-bar-bg;
29
- @include transition($progress-bar-transition);
30
- }
31
-
32
- .progress-bar-striped {
33
- @include gradient-striped();
34
- background-size: $progress-height $progress-height;
35
- }
36
-
37
- @if $enable-transitions {
38
- .progress-bar-animated {
39
- animation: progress-bar-stripes $progress-bar-animation-timing;
40
-
41
- @if $enable-prefers-reduced-motion-media-query {
42
- @media (prefers-reduced-motion: reduce) {
43
- animation: none;
44
- }
45
- }
46
- }
47
- }
@@ -1,498 +0,0 @@
1
- // stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
2
-
3
- // Reboot
4
- //
5
- // Normalization of HTML elements, manually forked from Normalize.css to remove
6
- // styles targeting irrelevant browsers while applying new styles.
7
- //
8
- // Normalize is licensed MIT. https://github.com/necolas/normalize.css
9
-
10
- // Document
11
- //
12
- // 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
13
- // 2. Change the default font family in all browsers.
14
- // 3. Correct the line height in all browsers.
15
- // 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
16
- // 5. Change the default tap highlight to be completely transparent in iOS.
17
-
18
- *,
19
- *::before,
20
- *::after {
21
- box-sizing: border-box; // 1
22
- }
23
-
24
- html {
25
- font-family: sans-serif; // 2
26
- line-height: 1.15; // 3
27
- -webkit-text-size-adjust: 100%; // 4
28
- -webkit-tap-highlight-color: rgba($black, 0); // 5
29
- }
30
-
31
- // Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
32
- // TODO: remove in v5
33
- // stylelint-disable-next-line selector-list-comma-newline-after
34
- article,
35
- aside,
36
- figcaption,
37
- figure,
38
- footer,
39
- header,
40
- hgroup,
41
- main,
42
- nav,
43
- section {
44
- display: block;
45
- }
46
-
47
- // Body
48
- //
49
- // 1. Remove the margin in all browsers.
50
- // 2. As a best practice, apply a default `background-color`.
51
- // 3. Set an explicit initial text-align value so that we can later use
52
- // the `inherit` value on things like `<th>` elements.
53
-
54
- body {
55
- margin: 0; // 1
56
- font-family: $font-family-base;
57
- @include font-size($font-size-base);
58
- font-weight: $font-weight-base;
59
- line-height: $line-height-base;
60
- color: $body-color;
61
- text-align: left; // 3
62
- background-color: $body-bg; // 2
63
-
64
- &.fixed_nav {
65
- padding-top: $padding-body-lg-fixed-nav;
66
- }
67
-
68
- a,
69
- p {
70
- font-weight: $font-weight-light;
71
- @include font-size($paragraph-font-size);
72
- }
73
- }
74
-
75
- // Future-proof rule: in browsers that support :focus-visible, suppress the focus outline
76
- // on elements that programmatically receive focus but wouldn't normally show a visible
77
- // focus outline. In general, this would mean that the outline is only applied if the
78
- // interaction that led to the element receiving programmatic focus was a keyboard interaction,
79
- // or the browser has somehow determined that the user is primarily a keyboard user and/or
80
- // wants focus outlines to always be presented.
81
- //
82
- // See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
83
- // and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/
84
- [tabindex='-1']:focus:not(:focus-visible) {
85
- outline: 0 !important;
86
- }
87
-
88
- // Content grouping
89
- //
90
- // 1. Add the correct box sizing in Firefox.
91
- // 2. Show the overflow in Edge and IE.
92
-
93
- hr {
94
- box-sizing: content-box; // 1
95
- height: 0; // 1
96
- overflow: visible; // 2
97
- }
98
-
99
- //
100
- // Typography
101
- //
102
-
103
- // Remove top margins from headings
104
- //
105
- // By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
106
- // margin for easier control within type scales as it avoids margin collapsing.
107
- // stylelint-disable-next-line selector-list-comma-newline-after
108
- h1,
109
- h2,
110
- h3,
111
- h4,
112
- h5,
113
- h6 {
114
- margin-top: 0;
115
- margin-bottom: $headings-margin-bottom;
116
- }
117
-
118
- // Reset margins on paragraphs
119
- //
120
- // Similarly, the top margin on `<p>`s get reset. However, we also reset the
121
- // bottom margin to use `rem` units instead of `em`.
122
- p {
123
- margin-top: 0;
124
- margin-bottom: $paragraph-margin-bottom;
125
- }
126
-
127
- // Abbreviations
128
- //
129
- // 1. Duplicate behavior to the data-* attribute for our tooltip plugin
130
- // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
131
- // 3. Add explicit cursor to indicate changed behavior.
132
- // 4. Remove the bottom border in Firefox 39-.
133
- // 5. Prevent the text-decoration to be skipped.
134
-
135
- abbr[title],
136
- abbr[data-original-title] {
137
- // 1
138
- text-decoration: underline; // 2
139
- text-decoration: underline dotted; // 2
140
- cursor: help; // 3
141
- border-bottom: 0; // 4
142
- text-decoration-skip-ink: none; // 5
143
- }
144
-
145
- address {
146
- margin-bottom: 1rem;
147
- font-style: normal;
148
- line-height: inherit;
149
- }
150
-
151
- ol,
152
- ul,
153
- dl {
154
- margin-top: 0;
155
- margin-bottom: 1rem;
156
- }
157
-
158
- ol ol,
159
- ul ul,
160
- ol ul,
161
- ul ol {
162
- margin-bottom: 0;
163
- }
164
-
165
- dt {
166
- font-weight: $dt-font-weight;
167
- }
168
-
169
- dd {
170
- margin-bottom: 0.5rem;
171
- margin-left: 0; // Undo browser default
172
- }
173
-
174
- blockquote {
175
- margin: 0 0 1rem;
176
- }
177
-
178
- b,
179
- strong {
180
- font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari
181
- }
182
-
183
- small {
184
- @include font-size(80%); // Add the correct font size in all browsers
185
- }
186
-
187
- //
188
- // Prevent `sub` and `sup` elements from affecting the line height in
189
- // all browsers.
190
- //
191
-
192
- sub,
193
- sup {
194
- position: relative;
195
- @include font-size(75%);
196
- line-height: 0;
197
- vertical-align: baseline;
198
- }
199
-
200
- sub {
201
- bottom: -0.25em;
202
- }
203
- sup {
204
- top: -0.5em;
205
- }
206
-
207
- //
208
- // Links
209
- //
210
-
211
- a {
212
- color: $link-color;
213
- text-decoration: $link-decoration;
214
- background-color: transparent; // Remove the gray background on active links in IE 10.
215
-
216
- @include hover() {
217
- color: $link-hover-color;
218
- text-decoration: $link-hover-decoration;
219
- }
220
- }
221
-
222
- // And undo these styles for placeholder links/named anchors (without href).
223
- // It would be more straightforward to just use a[href] in previous block, but that
224
- // causes specificity issues in many other styles that are too complex to fix.
225
- // See https://github.com/twbs/bootstrap/issues/19402
226
-
227
- a:not([href]):not([class]) {
228
- color: inherit;
229
- text-decoration: none;
230
-
231
- @include hover() {
232
- color: inherit;
233
- text-decoration: none;
234
- }
235
- }
236
-
237
- //
238
- // Code
239
- //
240
-
241
- pre,
242
- code,
243
- kbd,
244
- samp {
245
- font-family: $font-family-monospace;
246
- @include font-size(1em); // Correct the odd `em` font sizing in all browsers.
247
- }
248
-
249
- pre {
250
- // Remove browser default top margin
251
- margin-top: 0;
252
- // Reset browser default of `1em` to use `rem`s
253
- margin-bottom: 1rem;
254
- // Don't allow content to break outside
255
- overflow: auto;
256
- // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,
257
- // making it impossible to interact with the content
258
- -ms-overflow-style: scrollbar;
259
- }
260
-
261
- //
262
- // Figures
263
- //
264
-
265
- figure {
266
- // Apply a consistent margin strategy (matches our type styles).
267
- margin: 0 0 1rem;
268
- }
269
-
270
- //
271
- // Images and content
272
- //
273
-
274
- img {
275
- vertical-align: middle;
276
- border-style: none; // Remove the border on images inside links in IE 10-.
277
- }
278
-
279
- svg {
280
- // Workaround for the SVG overflow bug in IE10/11 is still required.
281
- // See https://github.com/twbs/bootstrap/issues/26878
282
- overflow: hidden;
283
- vertical-align: middle;
284
- }
285
-
286
- //
287
- // Tables
288
- //
289
-
290
- table {
291
- border-collapse: collapse; // Prevent double borders
292
- }
293
-
294
- caption {
295
- padding-top: $table-cell-padding;
296
- padding-bottom: $table-cell-padding;
297
- color: $table-caption-color;
298
- text-align: left;
299
- caption-side: bottom;
300
- }
301
-
302
- th {
303
- // Matches default `<td>` alignment by inheriting from the `<body>`, or the
304
- // closest parent with a set `text-align`.
305
- text-align: inherit;
306
- }
307
-
308
- //
309
- // Forms
310
- //
311
-
312
- label {
313
- // Allow labels to use `margin` for spacing.
314
- display: inline-block;
315
- margin-bottom: $label-margin-bottom;
316
- }
317
-
318
- // Remove the default `border-radius` that macOS Chrome adds.
319
- //
320
- // Details at https://github.com/twbs/bootstrap/issues/24093
321
- button {
322
- // stylelint-disable-next-line property-blacklist
323
- border-radius: 0;
324
- }
325
-
326
- // Work around a Firefox/IE bug where the transparent `button` background
327
- // results in a loss of the default `button` focus styles.
328
- //
329
- // Credit: https://github.com/suitcss/base/
330
- button:focus {
331
- outline: 1px dotted;
332
- outline: 5px auto -webkit-focus-ring-color;
333
- }
334
-
335
- input,
336
- button,
337
- select,
338
- optgroup,
339
- textarea {
340
- margin: 0; // Remove the margin in Firefox and Safari
341
- font-family: inherit;
342
- @include font-size(inherit);
343
- line-height: inherit;
344
- }
345
-
346
- button,
347
- input {
348
- overflow: visible; // Show the overflow in Edge
349
- }
350
-
351
- button,
352
- select {
353
- text-transform: none; // Remove the inheritance of text transform in Firefox
354
- }
355
-
356
- // Set the cursor for non-`<button>` buttons
357
- //
358
- // Details at https://github.com/twbs/bootstrap/pull/30562
359
- [role='button'] {
360
- cursor: pointer;
361
- }
362
-
363
- // Remove the inheritance of word-wrap in Safari.
364
- //
365
- // Details at https://github.com/twbs/bootstrap/issues/24990
366
- select {
367
- word-wrap: normal;
368
- }
369
-
370
- // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
371
- // controls in Android 4.
372
- // 2. Correct the inability to style clickable types in iOS and Safari.
373
- button,
374
- [type="button"], // 1
375
- [type="reset"],
376
- [type="submit"] {
377
- -webkit-appearance: button; // 2
378
- }
379
-
380
- // Opinionated: add "hand" cursor to non-disabled button elements.
381
- @if $enable-pointer-cursor-for-buttons {
382
- button,
383
- [type='button'],
384
- [type='reset'],
385
- [type='submit'] {
386
- &:not(:disabled) {
387
- cursor: pointer;
388
- }
389
- }
390
- }
391
-
392
- // Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
393
- button::-moz-focus-inner,
394
- [type='button']::-moz-focus-inner,
395
- [type='reset']::-moz-focus-inner,
396
- [type='submit']::-moz-focus-inner {
397
- padding: 0;
398
- border-style: none;
399
- }
400
-
401
- input[type='radio'],
402
- input[type='checkbox'] {
403
- box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
404
- padding: 0; // 2. Remove the padding in IE 10-
405
- }
406
-
407
- textarea {
408
- overflow: auto; // Remove the default vertical scrollbar in IE.
409
- // Textareas should really only resize vertically so they don't break their (horizontal) containers.
410
- resize: vertical;
411
- }
412
-
413
- fieldset {
414
- // Browsers set a default `min-width: min-content;` on fieldsets,
415
- // unlike e.g. `<div>`s, which have `min-width: 0;` by default.
416
- // So we reset that to ensure fieldsets behave more like a standard block element.
417
- // See https://github.com/twbs/bootstrap/issues/12359
418
- // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
419
- min-width: 0;
420
- // Reset the default outline behavior of fieldsets so they don't affect page layout.
421
- padding: 0;
422
- margin: 0;
423
- border: 0;
424
- }
425
-
426
- // 1. Correct the text wrapping in Edge and IE.
427
- // 2. Correct the color inheritance from `fieldset` elements in IE.
428
- legend {
429
- display: block;
430
- width: 100%;
431
- max-width: 100%; // 1
432
- padding: 0;
433
- margin-bottom: 0.5rem;
434
- @include font-size(1.5rem);
435
- line-height: inherit;
436
- color: inherit; // 2
437
- white-space: normal; // 1
438
- }
439
-
440
- progress {
441
- vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
442
- }
443
-
444
- // Correct the cursor style of increment and decrement buttons in Chrome.
445
- [type='number']::-webkit-inner-spin-button,
446
- [type='number']::-webkit-outer-spin-button {
447
- height: auto;
448
- }
449
-
450
- [type='search'] {
451
- // This overrides the extra rounded corners on search inputs in iOS so that our
452
- // `.form-control` class can properly style them. Note that this cannot simply
453
- // be added to `.form-control` as it's not specific enough. For details, see
454
- // https://github.com/twbs/bootstrap/issues/11586.
455
- outline-offset: -2px; // 2. Correct the outline style in Safari.
456
- -webkit-appearance: none;
457
- }
458
-
459
- //
460
- // Remove the inner padding in Chrome and Safari on macOS.
461
- //
462
-
463
- [type='search']::-webkit-search-decoration {
464
- -webkit-appearance: none;
465
- }
466
-
467
- //
468
- // 1. Correct the inability to style clickable types in iOS and Safari.
469
- // 2. Change font properties to `inherit` in Safari.
470
- //
471
-
472
- ::-webkit-file-upload-button {
473
- font: inherit; // 2
474
- -webkit-appearance: button; // 1
475
- }
476
-
477
- //
478
- // Correct element displays
479
- //
480
-
481
- output {
482
- display: inline-block;
483
- }
484
-
485
- summary {
486
- display: list-item; // Add the correct display in all browsers
487
- cursor: pointer;
488
- }
489
-
490
- template {
491
- display: none; // Add the correct display in IE
492
- }
493
-
494
- // Always hide an element with the `hidden` HTML attribute (from PureCSS).
495
- // Needed for proper display in IE 10-.
496
- [hidden] {
497
- display: none !important;
498
- }