viniBaxter-desk_front 21.0.0 → 26

Sign up to get free protection for your applications and to get access to all the features.
Files changed (153) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/desk_front/version.rb +1 -1
  3. data/lib/viniBaxter/sass/desk_front.scss +5 -0
  4. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_index.scss +1 -1
  5. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_new_nav.scss +9 -0
  6. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_variables.scss +693 -681
  7. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_dropdown.scss +372 -0
  8. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_fixed-plugin.scss +335 -0
  9. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_misc.scss +226 -0
  10. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_navbar.scss +480 -0
  11. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_sidebar-and-main-panel.scss +919 -0
  12. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_white-content.scss +43 -0
  13. data/lib/viniBaxter/sass/desk_front/bootstrap/_alert.scss +51 -0
  14. data/lib/viniBaxter/sass/desk_front/bootstrap/_badge.scss +54 -0
  15. data/lib/viniBaxter/sass/desk_front/bootstrap/_breadcrumb.scss +44 -0
  16. data/lib/viniBaxter/sass/desk_front/bootstrap/_button-group.scss +163 -0
  17. data/lib/viniBaxter/sass/desk_front/bootstrap/_buttons.scss +184 -0
  18. data/lib/viniBaxter/sass/desk_front/bootstrap/_card.scss +286 -0
  19. data/lib/viniBaxter/sass/desk_front/bootstrap/_carousel.scss +197 -0
  20. data/lib/viniBaxter/sass/desk_front/bootstrap/_close.scss +40 -0
  21. data/lib/viniBaxter/sass/desk_front/bootstrap/_code.scss +48 -0
  22. data/lib/viniBaxter/sass/desk_front/bootstrap/_custom-forms.scss +556 -0
  23. data/lib/viniBaxter/sass/desk_front/bootstrap/_dropdown.scss +192 -0
  24. data/lib/viniBaxter/sass/desk_front/bootstrap/_forms.scss +364 -0
  25. data/lib/viniBaxter/sass/desk_front/bootstrap/_grid.scss +72 -0
  26. data/lib/viniBaxter/sass/desk_front/bootstrap/_images.scss +42 -0
  27. data/lib/viniBaxter/sass/desk_front/bootstrap/_input-group.scss +192 -0
  28. data/lib/viniBaxter/sass/desk_front/bootstrap/_jumbotron.scss +17 -0
  29. data/lib/viniBaxter/sass/desk_front/bootstrap/_list-group.scss +153 -0
  30. data/lib/viniBaxter/sass/desk_front/bootstrap/_media.scss +8 -0
  31. data/lib/viniBaxter/sass/desk_front/bootstrap/_mixins.scss +47 -0
  32. data/lib/viniBaxter/sass/desk_front/bootstrap/_modal.scss +248 -0
  33. data/lib/viniBaxter/sass/desk_front/bootstrap/_nav.scss +123 -0
  34. data/lib/viniBaxter/sass/desk_front/bootstrap/_navbar.scss +318 -0
  35. data/lib/viniBaxter/sass/desk_front/bootstrap/_pagination.scss +74 -0
  36. data/lib/viniBaxter/sass/desk_front/bootstrap/_popover.scss +170 -0
  37. data/lib/viniBaxter/sass/desk_front/bootstrap/_print.scss +141 -0
  38. data/lib/viniBaxter/sass/desk_front/bootstrap/_progress.scss +47 -0
  39. data/lib/viniBaxter/sass/desk_front/bootstrap/_reboot.scss +497 -0
  40. data/lib/viniBaxter/sass/desk_front/bootstrap/_root.scss +20 -0
  41. data/lib/viniBaxter/sass/desk_front/bootstrap/_spinners.scss +56 -0
  42. data/lib/viniBaxter/sass/desk_front/bootstrap/_tables.scss +183 -0
  43. data/lib/viniBaxter/sass/desk_front/bootstrap/_toasts.scss +46 -0
  44. data/lib/viniBaxter/sass/desk_front/bootstrap/_tooltip.scss +115 -0
  45. data/lib/viniBaxter/sass/desk_front/bootstrap/_transitions.scss +20 -0
  46. data/lib/viniBaxter/sass/desk_front/bootstrap/_type.scss +149 -0
  47. data/lib/viniBaxter/sass/desk_front/bootstrap/_utilities.scss +18 -0
  48. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-grid.scss +29 -0
  49. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-reboot.scss +12 -0
  50. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap.scss +43 -0
  51. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_alert.scss +13 -0
  52. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_background-variant.scss +23 -0
  53. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_badge.scss +17 -0
  54. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_border-radius.scss +76 -0
  55. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_box-shadow.scss +20 -0
  56. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_breakpoints.scss +123 -0
  57. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_buttons.scss +153 -0
  58. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_caret.scss +62 -0
  59. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_clearfix.scss +7 -0
  60. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_deprecate.scss +10 -0
  61. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_float.scss +14 -0
  62. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_forms.scss +178 -0
  63. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_gradients.scss +45 -0
  64. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_grid-framework.scss +80 -0
  65. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_grid.scss +72 -0
  66. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_hover.scss +37 -0
  67. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_image.scss +36 -0
  68. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_list-group.scss +21 -0
  69. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_lists.scss +7 -0
  70. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_nav-divider.scss +11 -0
  71. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_pagination.scss +22 -0
  72. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_reset-text.scss +17 -0
  73. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_resize.scss +6 -0
  74. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_screen-reader.scss +34 -0
  75. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_size.scss +7 -0
  76. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_table-row.scss +39 -0
  77. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-emphasis.scss +17 -0
  78. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-hide.scss +11 -0
  79. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-truncate.scss +8 -0
  80. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_transition.scss +26 -0
  81. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_visibility.scss +8 -0
  82. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_align.scss +8 -0
  83. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_background.scss +19 -0
  84. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_borders.scss +75 -0
  85. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_clearfix.scss +3 -0
  86. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_display.scss +26 -0
  87. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_embed.scss +39 -0
  88. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_flex.scss +51 -0
  89. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_float.scss +11 -0
  90. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_interactions.scss +5 -0
  91. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_overflow.scss +5 -0
  92. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_position.scss +34 -0
  93. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_screenreaders.scss +11 -0
  94. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_shadows.scss +6 -0
  95. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_sizing.scss +20 -0
  96. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_spacing.scss +73 -0
  97. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_stretched-link.scss +19 -0
  98. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_text.scss +72 -0
  99. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_visibility.scss +13 -0
  100. data/lib/viniBaxter/sass/desk_front/bootstrap/vendor/_rfs.scss +204 -0
  101. data/lib/viniBaxter/sass/desk_front/dashkit/_dashkit.scss +2 -2
  102. data/lib/viniBaxter/sass/desk_front/dashkit/_list-group.scss +3 -7
  103. data/lib/viniBaxter/sass/desk_front/dashkit/_nav.scss +16 -15
  104. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_card.scss +3 -3
  105. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_theme.scss +0 -52
  106. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_sizing.scss +2 -11
  107. data/lib/viniBaxter/sass/desk_front/theme.scss +0 -10
  108. metadata +98 -48
  109. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_alert.scss +0 -18
  110. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_aos.scss +0 -32
  111. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_avatar.scss +0 -192
  112. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_button-group.scss +0 -0
  113. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_buttons.scss +0 -115
  114. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_carousel.scss +0 -0
  115. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_close.scss +0 -11
  116. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_code.scss +0 -0
  117. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_collapse.scss +0 -15
  118. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_custom-forms.scss +0 -65
  119. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_device.scss +0 -110
  120. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_dropdown.scss +0 -106
  121. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_fancybox.scss +0 -14
  122. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_feather.scss +0 -1093
  123. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_flickity.scss +0 -112
  124. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_footer.scss +0 -10
  125. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_forms.scss +0 -92
  126. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_grid.scss +0 -9
  127. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_highlight.scss +0 -8
  128. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_icon.scss +0 -56
  129. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_images.scss +0 -32
  130. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_input-group.scss +0 -0
  131. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_jumbotron.scss +0 -0
  132. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list-group.scss +0 -22
  133. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list.scss +0 -27
  134. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_media.scss +0 -0
  135. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_modal.scss +0 -21
  136. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_nav.scss +0 -0
  137. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_navbar.scss +0 -377
  138. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_pagination.scss +0 -34
  139. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_popover.scss +0 -15
  140. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_print.scss +0 -0
  141. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_progress.scss +0 -0
  142. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_reboot.scss +0 -17
  143. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_root.scss +0 -0
  144. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_screenshot.scss +0 -9
  145. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_section.scss +0 -19
  146. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_sidenav.scss +0 -28
  147. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tables.scss +0 -23
  148. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tooltip.scss +0 -0
  149. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_transitions.scss +0 -0
  150. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_type.scss +0 -169
  151. data/viniBaxter-desk_front-18.0.0.gem +0 -0
  152. data/viniBaxter-desk_front-19.0.0.gem +0 -0
  153. data/viniBaxter-desk_front-20.0.0.gem +0 -0
@@ -0,0 +1,192 @@
1
+ // The dropdown wrapper (`<div>`)
2
+ .dropup,
3
+ .dropright,
4
+ .dropdown,
5
+ .dropleft {
6
+ position: relative;
7
+ }
8
+
9
+ .dropdown-toggle {
10
+ white-space: nowrap;
11
+
12
+ // Generate the caret automatically
13
+ @include caret();
14
+ }
15
+
16
+ // The dropdown menu
17
+ .dropdown-menu {
18
+ position: absolute;
19
+ top: 100%;
20
+ left: 0;
21
+ z-index: $zindex-dropdown;
22
+ display: none; // none by default, but block on "open" of the menu
23
+ float: left;
24
+ min-width: $dropdown-min-width;
25
+ padding: $dropdown-padding-y 0;
26
+ margin: $dropdown-spacer 0 0; // override default ul
27
+ @include font-size($dropdown-font-size);
28
+ color: $dropdown-color;
29
+ text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
30
+ list-style: none;
31
+ background-color: $dropdown-bg;
32
+ background-clip: padding-box;
33
+ border: $dropdown-border-width solid $dropdown-border-color;
34
+ @include border-radius($dropdown-border-radius);
35
+ @include box-shadow($dropdown-box-shadow);
36
+ }
37
+
38
+ @each $breakpoint in map-keys($grid-breakpoints) {
39
+ @include media-breakpoint-up($breakpoint) {
40
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
41
+
42
+ .dropdown-menu#{$infix}-left {
43
+ right: auto;
44
+ left: 0;
45
+ }
46
+
47
+ .dropdown-menu#{$infix}-right {
48
+ right: 0;
49
+ left: auto;
50
+ }
51
+ }
52
+ }
53
+
54
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
55
+ // Just add .dropup after the standard .dropdown class and you're set.
56
+ .dropup {
57
+ .dropdown-menu {
58
+ top: auto;
59
+ bottom: 100%;
60
+ margin-top: 0;
61
+ margin-bottom: $dropdown-spacer;
62
+ }
63
+
64
+ .dropdown-toggle {
65
+ @include caret(up);
66
+ }
67
+ }
68
+
69
+ .dropright {
70
+ .dropdown-menu {
71
+ top: 0;
72
+ right: auto;
73
+ left: 100%;
74
+ margin-top: 0;
75
+ margin-left: $dropdown-spacer;
76
+ }
77
+
78
+ .dropdown-toggle {
79
+ @include caret(right);
80
+ &::after {
81
+ vertical-align: 0;
82
+ }
83
+ }
84
+ }
85
+
86
+ .dropleft {
87
+ .dropdown-menu {
88
+ top: 0;
89
+ right: 100%;
90
+ left: auto;
91
+ margin-top: 0;
92
+ margin-right: $dropdown-spacer;
93
+ }
94
+
95
+ .dropdown-toggle {
96
+ @include caret(left);
97
+ &::before {
98
+ vertical-align: 0;
99
+ }
100
+ }
101
+ }
102
+
103
+ // When enabled Popper.js, reset basic dropdown position
104
+ // stylelint-disable-next-line no-duplicate-selectors
105
+ .dropdown-menu {
106
+ &[x-placement^="top"],
107
+ &[x-placement^="right"],
108
+ &[x-placement^="bottom"],
109
+ &[x-placement^="left"] {
110
+ right: auto;
111
+ bottom: auto;
112
+ }
113
+ }
114
+
115
+ // Dividers (basically an `<hr>`) within the dropdown
116
+ .dropdown-divider {
117
+ @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);
118
+ }
119
+
120
+ // Links, buttons, and more within the dropdown menu
121
+ //
122
+ // `<button>`-specific styles are denoted with `// For <button>s`
123
+ .dropdown-item {
124
+ display: block;
125
+ width: 100%; // For `<button>`s
126
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
127
+ clear: both;
128
+ font-weight: $font-weight-normal;
129
+ color: $dropdown-link-color;
130
+ text-align: inherit; // For `<button>`s
131
+ text-decoration: if($link-decoration == none, null, none);
132
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
133
+ background-color: transparent; // For `<button>`s
134
+ border: 0; // For `<button>`s
135
+
136
+ // Prevent dropdown overflow if there's no padding
137
+ // See https://github.com/twbs/bootstrap/pull/27703
138
+ @if $dropdown-padding-y == 0 {
139
+ &:first-child {
140
+ @include border-top-radius($dropdown-inner-border-radius);
141
+ }
142
+
143
+ &:last-child {
144
+ @include border-bottom-radius($dropdown-inner-border-radius);
145
+ }
146
+ }
147
+
148
+ @include hover-focus() {
149
+ color: $dropdown-link-hover-color;
150
+ text-decoration: none;
151
+ @include gradient-bg($dropdown-link-hover-bg);
152
+ }
153
+
154
+ &.active,
155
+ &:active {
156
+ color: $dropdown-link-active-color;
157
+ text-decoration: none;
158
+ @include gradient-bg($dropdown-link-active-bg);
159
+ }
160
+
161
+ &.disabled,
162
+ &:disabled {
163
+ color: $dropdown-link-disabled-color;
164
+ pointer-events: none;
165
+ background-color: transparent;
166
+ // Remove CSS gradients if they're enabled
167
+ @if $enable-gradients {
168
+ background-image: none;
169
+ }
170
+ }
171
+ }
172
+
173
+ .dropdown-menu.show {
174
+ display: block;
175
+ }
176
+
177
+ // Dropdown section headers
178
+ .dropdown-header {
179
+ display: block;
180
+ padding: $dropdown-header-padding;
181
+ margin-bottom: 0; // for use with heading elements
182
+ @include font-size($font-size-sm);
183
+ color: $dropdown-header-color;
184
+ white-space: nowrap; // as with > li > a
185
+ }
186
+
187
+ // Dropdown text
188
+ .dropdown-item-text {
189
+ display: block;
190
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
191
+ color: $dropdown-link-color;
192
+ }
@@ -0,0 +1,364 @@
1
+ // stylelint-disable selector-no-qualifying-type
2
+
3
+ //
4
+ // Textual form controls
5
+ //
6
+
7
+ .form-control {
8
+ display: block;
9
+ width: 100%;
10
+ height: $input-height;
11
+ padding: $input-padding-y $input-padding-x;
12
+ font-family: $input-font-family;
13
+ @include font-size($input-font-size);
14
+ font-weight: $input-font-weight;
15
+ line-height: $input-line-height;
16
+ color: $input-color;
17
+ background-color: $input-bg;
18
+ background-clip: padding-box;
19
+ border: $input-border-width solid $input-border-color;
20
+
21
+ // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
22
+ @include border-radius($input-border-radius, 0);
23
+
24
+ @include box-shadow($input-box-shadow);
25
+ @include transition($input-transition);
26
+
27
+ // Unstyle the caret on `<select>`s in IE10+.
28
+ &::-ms-expand {
29
+ background-color: transparent;
30
+ border: 0;
31
+ }
32
+
33
+ // Remove select outline from select box in FF
34
+ &:-moz-focusring {
35
+ color: transparent;
36
+ text-shadow: 0 0 0 $input-color;
37
+ }
38
+
39
+ // Customize the `:focus` state to imitate native WebKit styles.
40
+ @include form-control-focus($ignore-warning: true);
41
+
42
+ // Placeholder
43
+ &::placeholder {
44
+ color: $input-placeholder-color;
45
+ // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
46
+ opacity: 1;
47
+ }
48
+
49
+ // Disabled and read-only inputs
50
+ //
51
+ // HTML5 says that controls under a fieldset > legend:first-child won't be
52
+ // disabled if the fieldset is disabled. Due to implementation difficulty, we
53
+ // don't honor that edge case; we style them as disabled anyway.
54
+ &:disabled,
55
+ &[readonly] {
56
+ background-color: $input-disabled-bg;
57
+ // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
58
+ opacity: 1;
59
+ }
60
+ }
61
+
62
+ input[type='date'],
63
+ input[type='time'],
64
+ input[type='datetime-local'],
65
+ input[type='month'] {
66
+ &.form-control {
67
+ appearance: none; // Fix appearance for date inputs in Safari
68
+ }
69
+ }
70
+
71
+ select.form-control {
72
+ &:focus::-ms-value {
73
+ // Suppress the nested default white text on blue background highlight given to
74
+ // the selected option text when the (still closed) <select> receives focus
75
+ // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
76
+ // match the appearance of the native widget.
77
+ // See https://github.com/twbs/bootstrap/issues/19398.
78
+ color: $input-color;
79
+ background-color: $input-bg;
80
+ }
81
+ }
82
+
83
+ // Make file inputs better match text inputs by forcing them to new lines.
84
+ .form-control-file,
85
+ .form-control-range {
86
+ display: block;
87
+ width: 100%;
88
+ }
89
+
90
+ //
91
+ // Labels
92
+ //
93
+
94
+ // For use with horizontal and inline forms, when you need the label (or legend)
95
+ // text to align with the form controls.
96
+ .col-form-label {
97
+ padding-top: add($input-padding-y, $input-border-width);
98
+ padding-bottom: add($input-padding-y, $input-border-width);
99
+ margin-bottom: 0; // Override the `<label>/<legend>` default
100
+ @include font-size(inherit); // Override the `<legend>` default
101
+ line-height: $input-line-height;
102
+ }
103
+
104
+ .col-form-label-lg {
105
+ padding-top: add($input-padding-y-lg, $input-border-width);
106
+ padding-bottom: add($input-padding-y-lg, $input-border-width);
107
+ @include font-size($input-font-size-lg);
108
+ line-height: $input-line-height-lg;
109
+ }
110
+
111
+ .col-form-label-sm {
112
+ padding-top: add($input-padding-y-sm, $input-border-width);
113
+ padding-bottom: add($input-padding-y-sm, $input-border-width);
114
+ @include font-size($input-font-size-sm);
115
+ line-height: $input-line-height-sm;
116
+ }
117
+
118
+ // Readonly controls as plain text
119
+ //
120
+ // Apply class to a readonly input to make it appear like regular plain
121
+ // text (without any border, background color, focus indicator)
122
+
123
+ .form-control-plaintext {
124
+ display: block;
125
+ width: 100%;
126
+ padding: $input-padding-y 0;
127
+ margin-bottom: 0; // match inputs if this class comes on inputs with default margins
128
+ @include font-size($input-font-size);
129
+ line-height: $input-line-height;
130
+ color: $input-plaintext-color;
131
+ background-color: transparent;
132
+ border: solid transparent;
133
+ border-width: $input-border-width 0;
134
+
135
+ &.form-control-sm,
136
+ &.form-control-lg {
137
+ padding-right: 0;
138
+ padding-left: 0;
139
+ }
140
+ }
141
+
142
+ // Form control sizing
143
+ //
144
+ // Build on `.form-control` with modifier classes to decrease or increase the
145
+ // height and font-size of form controls.
146
+ //
147
+ // Repeated in `_input_group.scss` to avoid Sass extend issues.
148
+
149
+ .form-control-sm {
150
+ height: $input-height-sm;
151
+ padding: $input-padding-y-sm $input-padding-x-sm;
152
+ @include font-size($input-font-size-sm);
153
+ line-height: $input-line-height-sm;
154
+ @include border-radius($input-border-radius-sm);
155
+ }
156
+
157
+ .form-control-lg {
158
+ height: $input-height-lg;
159
+ padding: $input-padding-y-lg $input-padding-x-lg;
160
+ @include font-size($input-font-size-lg);
161
+ line-height: $input-line-height-lg;
162
+ @include border-radius($input-border-radius-lg);
163
+ }
164
+
165
+ // stylelint-disable-next-line no-duplicate-selectors
166
+ select.form-control {
167
+ &[size],
168
+ &[multiple] {
169
+ height: auto;
170
+ }
171
+ }
172
+
173
+ textarea.form-control {
174
+ height: auto;
175
+ }
176
+
177
+ // Form groups
178
+ //
179
+ // Designed to help with the organization and spacing of vertical forms. For
180
+ // horizontal forms, use the predefined grid classes.
181
+
182
+ .form-group {
183
+ margin-bottom: $form-group-margin-bottom;
184
+ }
185
+
186
+ .form-text {
187
+ display: block;
188
+ margin-top: $form-text-margin-top;
189
+ }
190
+
191
+ // Form grid
192
+ //
193
+ // Special replacement for our grid system's `.row` for tighter form layouts.
194
+
195
+ .form-row {
196
+ display: flex;
197
+ flex-wrap: wrap;
198
+ margin-right: -$form-grid-gutter-width / 2;
199
+ margin-left: -$form-grid-gutter-width / 2;
200
+
201
+ > .col,
202
+ > [class*='col-'] {
203
+ padding-right: $form-grid-gutter-width / 2;
204
+ padding-left: $form-grid-gutter-width / 2;
205
+ }
206
+ }
207
+
208
+ // Checkboxes and radios
209
+ //
210
+ // Indent the labels to position radios/checkboxes as hanging controls.
211
+
212
+ .form-check {
213
+ position: relative;
214
+ display: block;
215
+ padding-left: $form-check-input-gutter;
216
+ }
217
+
218
+ .form-check-input {
219
+ position: absolute;
220
+ margin-top: $form-check-input-margin-y;
221
+ margin-left: -$form-check-input-gutter;
222
+
223
+ // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247
224
+ &[disabled] ~ .form-check-label,
225
+ &:disabled ~ .form-check-label {
226
+ color: $text-muted;
227
+ }
228
+ }
229
+
230
+ .form-check-label {
231
+ margin-bottom: 0; // Override default `<label>` bottom margin
232
+ }
233
+
234
+ .form-check-inline {
235
+ display: inline-flex;
236
+ align-items: center;
237
+ padding-left: 0; // Override base .form-check
238
+ margin-right: $form-check-inline-margin-x;
239
+
240
+ // Undo .form-check-input defaults and add some `margin-right`.
241
+ .form-check-input {
242
+ position: static;
243
+ margin-top: 0;
244
+ margin-right: $form-check-inline-input-margin-x;
245
+ margin-left: 0;
246
+ }
247
+ }
248
+
249
+ // Form validation
250
+ //
251
+ // Provide feedback to users when form field values are valid or invalid. Works
252
+ // primarily for client-side validation via scoped `:invalid` and `:valid`
253
+ // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
254
+ // server side validation.
255
+
256
+ @each $state, $data in $form-validation-states {
257
+ @include form-validation-state(
258
+ $state,
259
+ map-get($data, color),
260
+ map-get($data, icon)
261
+ );
262
+ }
263
+
264
+ // Inline forms
265
+ //
266
+ // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
267
+ // forms begin stacked on extra small (mobile) devices and then go inline when
268
+ // viewports reach <768px.
269
+ //
270
+ // Requires wrapping inputs and labels with `.form-group` for proper display of
271
+ // default HTML form controls and our custom form controls (e.g., input groups).
272
+
273
+ .form-inline {
274
+ display: flex;
275
+ flex-flow: row wrap;
276
+ align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
277
+
278
+ // Because we use flex, the initial sizing of checkboxes is collapsed and
279
+ // doesn't occupy the full-width (which is what we want for xs grid tier),
280
+ // so we force that here.
281
+ .form-check {
282
+ width: 100%;
283
+ }
284
+
285
+ // Kick in the inline
286
+ @include media-breakpoint-up(sm) {
287
+ label {
288
+ display: flex;
289
+ align-items: center;
290
+ justify-content: center;
291
+ margin-bottom: 0;
292
+ }
293
+
294
+ // Inline-block all the things for "inline"
295
+ .form-group {
296
+ display: flex;
297
+ flex: 0 0 auto;
298
+ flex-flow: row wrap;
299
+ align-items: center;
300
+ margin-bottom: 0;
301
+ }
302
+
303
+ // Allow folks to *not* use `.form-group`
304
+ .form-control {
305
+ display: inline-block;
306
+ width: auto; // Prevent labels from stacking above inputs in `.form-group`
307
+ vertical-align: middle;
308
+ }
309
+
310
+ // Make static controls behave like regular ones
311
+ .form-control-plaintext {
312
+ display: inline-block;
313
+ }
314
+
315
+ .input-group,
316
+ .custom-select {
317
+ width: auto;
318
+ }
319
+
320
+ // Remove default margin on radios/checkboxes that were used for stacking, and
321
+ // then undo the floating of radios and checkboxes to match.
322
+ .form-check {
323
+ display: flex;
324
+ align-items: center;
325
+ justify-content: center;
326
+ width: auto;
327
+ padding-left: 0;
328
+ }
329
+ .form-check-input {
330
+ position: relative;
331
+ flex-shrink: 0;
332
+ margin-top: 0;
333
+ margin-right: $form-check-input-margin-x;
334
+ margin-left: 0;
335
+ }
336
+
337
+ .custom-control {
338
+ align-items: center;
339
+ justify-content: center;
340
+ }
341
+ .custom-control-label {
342
+ margin-bottom: 0;
343
+ }
344
+ }
345
+ &.form-landing {
346
+ .form-control {
347
+ border: 1px solid $gray-400 !important;
348
+
349
+ &:focus {
350
+ border-color: $primary-200 !important;
351
+ }
352
+ }
353
+ }
354
+ .btn_landing {
355
+ // background: $primary-gradient;
356
+ @include media-breakpoint-down(xs) {
357
+ margin-left: 0px !important;
358
+ margin-top: 10px !important;
359
+ }
360
+ }
361
+ .input_email_landing {
362
+ flex-grow: 4;
363
+ }
364
+ }