viniBaxter-desk_front 33.0.0 → 38.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 (34) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/desk_front/version.rb +1 -1
  3. data/lib/viniBaxter/sass/desk_front-boostrap.scss +2 -0
  4. data/lib/viniBaxter/sass/desk_front-template.scss +2 -0
  5. data/lib/viniBaxter/sass/desk_front-v2lrf-dashboard.scss +6 -0
  6. data/lib/viniBaxter/sass/desk_front.scss +3 -10
  7. data/lib/viniBaxter/sass/desk_front/bootstrap/_card.scss +17 -19
  8. data/lib/viniBaxter/sass/desk_front/dashkit/_dashkit.scss +0 -3
  9. data/lib/viniBaxter/sass/desk_front/dashkit/_header.scss +2 -2
  10. data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_background.scss +9 -6
  11. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/_mixins.scss +10 -10
  12. data/lib/viniBaxter/sass/desk_front/{dashkit → v2lrf-dashboard/custom-components}/_avatar.scss +24 -8
  13. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_custom-dashboard-ui.scss +12 -7
  14. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_form.scss +275 -0
  15. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_index.scss +2 -0
  16. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-blured.scss +3 -0
  17. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_index.scss +2 -1
  18. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_blur.scss +4 -0
  19. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-normal.scss +21 -21
  20. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-ntf.scss +0 -7
  21. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup.scss +10 -5
  22. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/{opacity.scss → _opacity.scss} +4 -0
  23. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_transparency.scss +3 -0
  24. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_vendor-prefixes.scss +284 -123
  25. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_dropdown.scss +12 -12
  26. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_navbar.scss +12 -1
  27. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_sidebar-and-main-panel.scss +148 -57
  28. data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_white-content.scss +4 -4
  29. metadata +11 -9
  30. data/app/assets/images/desk_front/sidebar-cover.jpg +0 -0
  31. data/lib/viniBaxter/sass/desk_front/dashkit/_forms.scss +0 -279
  32. data/lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss +0 -692
  33. data/lib/viniBaxter/sass/desk_front/dashkit/_variables.scss +0 -0
  34. data/lib/viniBaxter/sass/desk_front/theme.scss +0 -14
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 34892ee2cfbb9ddfa75bdcb4a08f9085ce7081906fa3d4fb28d60cb8436a2db4
4
- data.tar.gz: a5721188b3b806fa77df52edcca0d8244aa167fe9736f4a58b709c36ff4e3b1d
3
+ metadata.gz: 0a90f49a246d9d6b3e17c7d9333c4b36067dca53fc71de6756a22dd71cef1afd
4
+ data.tar.gz: c7c036911d10026859fcece001148d2ffcc94076061c9c9befc3e79ac3972ffd
5
5
  SHA512:
6
- metadata.gz: '0909dcffa6fd4fdba1c92903dcca897e7395490bfa1f0925c40838e111401e357491eb1909d1ad18094c3d4179382065ca536b052e31c37382f90d9ffac01dbc'
7
- data.tar.gz: bfd32fbda1acc133c0359c97e7799b9557da73751d1b87705571947c139fa5ff44f9470c22f945e63fa2e521a703c93f60a6e2c800b33d695361a2ea1c3b0d87
6
+ metadata.gz: 6c1d4164e6bac597b1816346506ca71d82470b02869f7d851352c3d428fe3dc075c02154a6b1ec2d7e624bd57f3b4e1729c1b1c491ef386a9098ea3ada31b612
7
+ data.tar.gz: 001eb6878b7d7ae336b5df0acff34cec76582e0baf577957ba9065bca97b42de0edd12feb94b9e5c23c5a421218e75e3219696423ef7c2bc9aeb47da3974cdc7
@@ -1,6 +1,6 @@
1
1
  module ViniBaxter
2
2
  module DeskFront
3
- MAJOR = 33
3
+ MAJOR = 38
4
4
  MINOR = 0
5
5
  TINY = 0
6
6
  # PRE = "alpha"
@@ -0,0 +1,2 @@
1
+ // bootstrap
2
+ @import 'desk_front/bootstrap/bootstrap';
@@ -0,0 +1,2 @@
1
+ // Template core Dashkit but could be what you want
2
+ @import 'desk_front/dashkit/dashkit';
@@ -0,0 +1,6 @@
1
+ // ViniBaxter
2
+ @import 'desk_front/v2lrf-dashboard/index';
3
+
4
+ // some exteranals components
5
+ @import 'desk_front/landing/landing';
6
+ @import 'desk_front/v2lrf-dashboard/new_nav';
@@ -1,12 +1,5 @@
1
- // bootstrap
2
- @import 'desk_front/bootstrap/bootstrap';
1
+ @import 'desk_front-boostrap';
3
2
 
4
- // becky ViniBaxter
5
- @import 'desk_front/v2lrf-dashboard/index';
3
+ @import 'desk_front-v2lrf-dashboard';
6
4
 
7
- // Template core Dashkit but could be what you want
8
- @import 'desk_front/dashkit/dashkit';
9
-
10
- // some exteranals components
11
- @import 'desk_front/landing/landing';
12
- @import 'desk_front/v2lrf-dashboard/new_nav';
5
+ @import 'desk_front-template';
@@ -12,16 +12,14 @@
12
12
  background-color: $card-bg;
13
13
  background-clip: border-box;
14
14
  border: $card-border-width solid $card-border-color;
15
- backdrop-filter: saturate(101.8%) blur(7px) !important;
16
- background-color: rgba(255, 255, 255, 0.1) !important;
17
15
  @include border-radius($card-border-radius);
18
16
 
19
- > hr {
17
+ >hr {
20
18
  margin-right: 0;
21
19
  margin-left: 0;
22
20
  }
23
21
 
24
- > .list-group {
22
+ >.list-group {
25
23
  border-top: inherit;
26
24
  border-bottom: inherit;
27
25
 
@@ -38,8 +36,8 @@
38
36
 
39
37
  // Due to specificity of the above selector (`.card > .list-group`), we must
40
38
  // use a child selector here to prevent double borders.
41
- > .card-header + .list-group,
42
- > .list-group + .card-footer {
39
+ >.card-header+.list-group,
40
+ >.list-group+.card-footer {
43
41
  border-top: 0;
44
42
  }
45
43
  }
@@ -73,7 +71,7 @@
73
71
  text-decoration: none;
74
72
  }
75
73
 
76
- + .card-link {
74
+ +.card-link {
77
75
  margin-left: $card-spacer-x;
78
76
  }
79
77
  }
@@ -90,9 +88,7 @@
90
88
  border-bottom: $card-border-width solid $card-border-color;
91
89
 
92
90
  &:first-child {
93
- @include border-radius(
94
- $card-inner-border-radius $card-inner-border-radius 0 0
95
- );
91
+ @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
96
92
  }
97
93
  }
98
94
 
@@ -103,9 +99,7 @@
103
99
  border-top: $card-border-width solid $card-border-color;
104
100
 
105
101
  &:last-child {
106
- @include border-radius(
107
- 0 0 $card-inner-border-radius $card-inner-border-radius
108
- );
102
+ @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
109
103
  }
110
104
  }
111
105
 
@@ -181,23 +175,25 @@
181
175
  //
182
176
 
183
177
  .card-group {
178
+
184
179
  // The child selector allows nested `.card` within `.card-group`
185
180
  // to display properly.
186
- > .card {
181
+ >.card {
187
182
  margin-bottom: $card-group-margin;
188
183
  }
189
184
 
190
185
  @include media-breakpoint-up(sm) {
191
186
  display: flex;
192
187
  flex-flow: row wrap;
188
+
193
189
  // The child selector allows nested `.card` within `.card-group`
194
190
  // to display properly.
195
- > .card {
191
+ >.card {
196
192
  // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
197
193
  flex: 1 0 0%;
198
194
  margin-bottom: 0;
199
195
 
200
- + .card {
196
+ +.card {
201
197
  margin-left: 0;
202
198
  border-left: 0;
203
199
  }
@@ -212,6 +208,7 @@
212
208
  // stylelint-disable-next-line property-blacklist
213
209
  border-top-right-radius: 0;
214
210
  }
211
+
215
212
  .card-img-bottom,
216
213
  .card-footer {
217
214
  // stylelint-disable-next-line property-blacklist
@@ -227,6 +224,7 @@
227
224
  // stylelint-disable-next-line property-blacklist
228
225
  border-top-left-radius: 0;
229
226
  }
227
+
230
228
  .card-img-bottom,
231
229
  .card-footer {
232
230
  // stylelint-disable-next-line property-blacklist
@@ -267,7 +265,7 @@
267
265
  .accordion {
268
266
  overflow-anchor: none;
269
267
 
270
- > .card {
268
+ >.card {
271
269
  overflow: hidden;
272
270
 
273
271
  &:not(:last-of-type) {
@@ -279,9 +277,9 @@
279
277
  @include border-top-radius(0);
280
278
  }
281
279
 
282
- > .card-header {
280
+ >.card-header {
283
281
  @include border-radius(0);
284
282
  margin-bottom: -$card-border-width;
285
283
  }
286
284
  }
287
- }
285
+ }
@@ -10,11 +10,9 @@
10
10
  @import 'code';
11
11
  @import 'custom-forms';
12
12
  @import 'dropdowns';
13
- @import 'forms';
14
13
  @import 'jumbotron';
15
14
  @import 'list-group';
16
15
  @import 'nav';
17
- // @import 'navbar';
18
16
  @import 'popover';
19
17
  @import 'progress';
20
18
  @import 'reboot';
@@ -26,7 +24,6 @@
26
24
 
27
25
  // Dashkit only components
28
26
 
29
- @import 'avatar';
30
27
  @import 'chart';
31
28
  @import 'comment';
32
29
  @import 'checklist';
@@ -12,7 +12,8 @@
12
12
  }
13
13
 
14
14
  .header-img-top {
15
- width: 100%; height: auto;
15
+ width: 100%;
16
+ height: auto;
16
17
  }
17
18
 
18
19
  .header-body {
@@ -44,7 +45,6 @@
44
45
  .header-subtitle {
45
46
  margin-top: map-get($spacers, 2);
46
47
  margin-bottom: 0;
47
- color: $text-muted;
48
48
  }
49
49
 
50
50
  .header-tabs {
@@ -15,7 +15,7 @@
15
15
  // Calculate the width of the main container because
16
16
  // the background-attachment property will use 100vw instead
17
17
 
18
- .navbar-vertical ~ .main-content.bg-fixed-bottom {
18
+ .navbar-vertical~.main-content.bg-fixed-bottom {
19
19
  background-size: 100%;
20
20
 
21
21
  @include media-breakpoint-up(md) {
@@ -42,7 +42,8 @@
42
42
 
43
43
  // Ellipses
44
44
 
45
- @each $color, $value in $theme-colors {
45
+ @each $color,
46
+ $value in $theme-colors {
46
47
 
47
48
  .bg-ellipses.bg-#{$color} {
48
49
  background-color: transparent !important;
@@ -57,7 +58,8 @@
57
58
  // Hero
58
59
 
59
60
  .bg-hero {
60
- background-image: linear-gradient(to bottom, fade-out($black, .15), fade-out($black, .15)), url(#{$path-to-img}/covers/header-cover.jpg);
61
+ background-image: linear-gradient(to bottom, fade-out($black, .15), fade-out($black, .15)),
62
+ url(#{$path-to-img}/covers/header-cover.jpg);
61
63
  background-repeat: no-repeat, no-repeat;
62
64
  background-position: center center, center center;
63
65
  background-size: cover, cover;
@@ -67,14 +69,15 @@
67
69
  // Colors
68
70
 
69
71
  .bg-lighter {
70
- background-color: $lighter !important;
72
+ background-color: $nft-soft-lighter !important;
71
73
  }
72
74
 
73
75
 
74
76
  // Soft colors
75
77
 
76
- @each $color, $value in $theme-colors {
78
+ @each $color,
79
+ $value in $theme-colors {
77
80
  .bg-#{$color}-soft {
78
81
  background-color: theme-color-level($color, $bg-soft-level) !important;
79
82
  }
80
- }
83
+ }
@@ -1,18 +1,18 @@
1
1
  @import 'mixins/alert';
2
- @import 'mixins/badges';
3
2
  @import 'mixins/background-variant';
3
+ @import 'mixins/badges';
4
+ @import 'mixins/caret-color';
5
+ @import 'mixins/dropdown';
4
6
  @import 'mixins/forms';
5
7
  @import 'mixins/icon';
8
+ @import 'mixins/inputs';
6
9
  @import 'mixins/modals';
7
- @import 'mixins/popovers';
10
+ @import 'mixins/nav-setup-normal';
11
+ @import 'mixins/nav-setup-ntf';
12
+ @import 'mixins/nav-setup';
13
+ @import 'mixins/opacity';
8
14
  @import 'mixins/page-header';
15
+ @import 'mixins/popovers';
9
16
  @import 'mixins/vendor-prefixes';
10
- @import 'mixins/opacity';
11
- @import 'mixins/modals';
12
- @import 'mixins/inputs';
13
- @import 'mixins/dropdown';
14
17
  @import 'mixins/wizard';
15
- @import 'mixins/nav-setup-normal';
16
- @import 'mixins/nav-setup-ntf';
17
- @import 'mixins/caret-color';
18
- @import 'mixins/nav-setup';
18
+ @import 'mixins/blur';
@@ -11,6 +11,21 @@
11
11
  width: $avatar-size-base;
12
12
  height: $avatar-size-base;
13
13
  font-size: $avatar-size-base / 3;
14
+ cursor: pointer;
15
+
16
+ &.avatar-xxl.avatar-dashboard-choice {
17
+ width: 8rem;
18
+ height: 4rem;
19
+
20
+ .active {
21
+ border: 2px solid $black-states !important;
22
+ }
23
+
24
+ :hover {
25
+ border: 1px solid lighten($black-states, 50%);
26
+ }
27
+ }
28
+
14
29
 
15
30
  // Loads mask images so they don't lag on hover
16
31
 
@@ -142,6 +157,7 @@
142
157
  width: $avatar-size-xxl * 4 / 3;
143
158
  }
144
159
 
160
+
145
161
  // Group
146
162
 
147
163
  .avatar-group {
@@ -149,27 +165,27 @@
149
165
 
150
166
  // Shift every next avatar left
151
167
 
152
- .avatar + .avatar {
168
+ .avatar+.avatar {
153
169
  margin-left: -$avatar-size-base / 4;
154
170
  }
155
171
 
156
- .avatar-xs + .avatar-xs {
172
+ .avatar-xs+.avatar-xs {
157
173
  margin-left: -$avatar-size-xs / 4;
158
174
  }
159
175
 
160
- .avatar-sm + .avatar-sm {
176
+ .avatar-sm+.avatar-sm {
161
177
  margin-left: -$avatar-size-sm / 4;
162
178
  }
163
179
 
164
- .avatar-lg + .avatar-lg {
180
+ .avatar-lg+.avatar-lg {
165
181
  margin-left: -$avatar-size-lg / 4;
166
182
  }
167
183
 
168
- .avatar-xl + .avatar-xl {
184
+ .avatar-xl+.avatar-xl {
169
185
  margin-left: -$avatar-size-xl / 4;
170
186
  }
171
187
 
172
- .avatar-xxl + .avatar-xxl {
188
+ .avatar-xxl+.avatar-xxl {
173
189
  margin-left: -$avatar-size-xxl / 4;
174
190
  }
175
191
 
@@ -186,7 +202,7 @@
186
202
  mask-image: none;
187
203
  z-index: 1;
188
204
 
189
- + .avatar {
205
+ +.avatar {
190
206
  mask-image: url(image-path('desk_front/avatar-group-hover.svg'));
191
207
  mask-size: 100% 100%;
192
208
 
@@ -195,4 +211,4 @@
195
211
  }
196
212
  }
197
213
  }
198
- }
214
+ }
@@ -15,27 +15,32 @@
15
15
  margin-right: 5px;
16
16
  position: relative;
17
17
 
18
- &[data='dark'] {
18
+ &[value='dark'] {
19
19
  @include linear-gradient($black-states, $cplus_light);
20
20
  }
21
21
 
22
- &[data='primary'] {
22
+ &[value='grey'] {
23
+ @include linear-gradient($light, $light);
24
+ border: 2px dashed $gray-300;
25
+ }
26
+
27
+ &[value='primary'] {
23
28
  @include linear-gradient($primary-states, $primary);
24
29
  }
25
30
 
26
- &[data='blue'] {
31
+ &[value='blue'] {
27
32
  @include linear-gradient($info-states, $info);
28
33
  }
29
34
 
30
- &[data='green'] {
35
+ &[value='green'] {
31
36
  @include linear-gradient($success-states, $success);
32
37
  }
33
38
 
34
- &[data='orange'] {
39
+ &[value='orange'] {
35
40
  @include linear-gradient($warning-states, $warning);
36
41
  }
37
42
 
38
- &[data='red'] {
43
+ &[value='red'] {
39
44
  @include linear-gradient($danger-states, $danger);
40
45
  }
41
46
 
@@ -44,7 +49,7 @@
44
49
  }
45
50
 
46
51
  &.active {
47
- border: 4px solid $black-states !important;
52
+ border: 2px solid $black-states !important;
48
53
  }
49
54
 
50
55
  }
@@ -0,0 +1,275 @@
1
+ .form-control:focus {
2
+ color: $nft-dark;
3
+ background-color: #FFFFFF;
4
+ border-color: $primary;
5
+ outline: 0;
6
+ box-shadow: transparent;
7
+ }
8
+
9
+ .form-text {
10
+ margin-top: 0;
11
+ margin-bottom: $label-margin-bottom;
12
+ }
13
+
14
+
15
+ // Form validation
16
+
17
+ .was-validated .form-control:valid:focus,
18
+ .form-control.is-valid:focus,
19
+ .was-validated .form-control:invalid:focus,
20
+ .form-control.is-invalid:focus {
21
+ box-shadow: none;
22
+ }
23
+
24
+
25
+ //
26
+ // Dashkit ===================================
27
+ //
28
+
29
+ // Form control flush
30
+ //
31
+ // Removes borders and paddings from inputs and text areas
32
+
33
+ .form-control-flush {
34
+ padding-left: 0;
35
+ padding-right: 0;
36
+ border-color: transparent !important;
37
+ background-color: transparent !important;
38
+ resize: none;
39
+ }
40
+
41
+
42
+ // Form control auto
43
+ //
44
+ // Sets the height of the input to auto
45
+
46
+ .form-control-auto {
47
+ height: auto;
48
+ padding-top: 0;
49
+ padding-bottom: 0;
50
+ }
51
+
52
+
53
+ // Form control rounded
54
+ //
55
+ // Makes input border radius round
56
+
57
+ .form-control-rounded {
58
+ border-radius: 20rem;
59
+ }
60
+
61
+
62
+ // Input group merge
63
+ //
64
+ // Makes input group text and form control visually the same element
65
+
66
+ .input-group.input-group-merge {
67
+
68
+ >.form-control {
69
+ border-radius: $input-border-radius;
70
+
71
+ &:focus {
72
+ box-shadow: none;
73
+
74
+ ~[class*="input-group"] {
75
+
76
+ >.input-group-text {
77
+ border-color: $primary !important;
78
+ }
79
+ }
80
+ }
81
+ }
82
+
83
+ >.form-control.is-valid~[class*="input-group"]>.input-group-text {
84
+ border-color: $success;
85
+ }
86
+
87
+ >.form-control.is-invalid~[class*="input-group"]>.input-group-text {
88
+ border-color: $danger;
89
+ }
90
+
91
+ >.form-control-prepended {
92
+ padding-left: $input-padding-x / 2;
93
+ border-top-left-radius: 0 !important;
94
+ border-bottom-left-radius: 0 !important;
95
+ border-left-width: 0;
96
+ }
97
+
98
+ >.form-control-appended {
99
+ padding-right: $input-padding-x / 2;
100
+ border-top-right-radius: 0 !important;
101
+ border-bottom-right-radius: 0 !important;
102
+ border-right-width: 0;
103
+ }
104
+
105
+ >.input-group-prepend {
106
+ order: -1; // prepend always goes first
107
+
108
+ >.input-group-text {
109
+ padding-right: $input-padding-x / 2;
110
+ border-top-left-radius: $input-border-radius;
111
+ border-bottom-left-radius: $input-border-radius;
112
+ border-right-width: 0;
113
+ transition: $input-transition;
114
+ }
115
+ }
116
+
117
+ >.input-group-append {
118
+
119
+ >.input-group-text {
120
+ padding-left: $input-padding-x / 2;
121
+ border-top-right-radius: $input-border-radius;
122
+ border-bottom-right-radius: $input-border-radius;
123
+ border-left-width: 0;
124
+ transition: $input-transition;
125
+ }
126
+ }
127
+ }
128
+
129
+ .input-group-lg.input-group-merge {
130
+
131
+ >.form-control {
132
+ border-radius: $input-border-radius-lg;
133
+ }
134
+
135
+ >.form-control-prepended {
136
+ padding-left: $input-padding-x-lg / 2;
137
+
138
+ }
139
+
140
+ >.form-control-appended {
141
+ padding-right: $input-padding-x-lg / 2;
142
+
143
+ }
144
+
145
+ >.input-group-prepend {
146
+
147
+ >.input-group-text {
148
+ padding-right: $input-padding-x-lg / 2;
149
+ border-top-left-radius: $input-border-radius-lg;
150
+ border-bottom-left-radius: $input-border-radius-lg;
151
+ }
152
+ }
153
+
154
+ >.input-group-append {
155
+
156
+ >.input-group-text {
157
+ padding-left: $input-padding-x-lg / 2;
158
+ border-top-right-radius: $input-border-radius-lg;
159
+ border-bottom-right-radius: $input-border-radius-lg;
160
+ }
161
+ }
162
+ }
163
+
164
+ .input-group-sm.input-group-merge {
165
+
166
+ >.form-control {
167
+ border-radius: $input-border-radius-sm;
168
+ }
169
+
170
+ >.form-control-prepended {
171
+ padding-left: $input-padding-x-sm / 2;
172
+
173
+ }
174
+
175
+ >.form-control-appended {
176
+ padding-right: $input-padding-x-sm / 2;
177
+ }
178
+
179
+ >.input-group-prepend {
180
+
181
+ >.input-group-text {
182
+ padding-right: $input-padding-x-sm / 2;
183
+ border-top-left-radius: $input-border-radius-sm;
184
+ border-bottom-left-radius: $input-border-radius-sm;
185
+ }
186
+ }
187
+
188
+ >.input-group-append {
189
+
190
+ >.input-group-text {
191
+ padding-left: $input-padding-x-sm / 2;
192
+ border-top-right-radius: $input-border-radius-sm;
193
+ border-bottom-right-radius: $input-border-radius-sm;
194
+ }
195
+ }
196
+ }
197
+
198
+ .input-group-rounded.input-group-merge {
199
+
200
+ >.form-control {
201
+ border-radius: 20rem;
202
+ }
203
+
204
+ >.input-group-prepend {
205
+
206
+ >.input-group-text {
207
+ border-top-left-radius: 20rem;
208
+ border-bottom-left-radius: 20rem;
209
+ }
210
+ }
211
+
212
+ >.input-group-append {
213
+
214
+ >.input-group-text {
215
+ border-top-right-radius: 20rem;
216
+ border-bottom-right-radius: 20rem;
217
+ }
218
+ }
219
+ }
220
+
221
+ .input-group-flush {
222
+
223
+ >.form-control {
224
+ padding-top: 0;
225
+ padding-bottom: 0;
226
+ border-color: transparent !important;
227
+ background-color: transparent !important;
228
+ }
229
+
230
+ >.input-group-prepend,
231
+ >.input-group-append {
232
+
233
+ >.input-group-text {
234
+ padding: 0;
235
+ border-width: 0;
236
+ background-color: transparent;
237
+ }
238
+ }
239
+ }
240
+
241
+
242
+ // Font size
243
+
244
+ .form-control {
245
+
246
+ &.h1,
247
+ &.h2,
248
+ &.h3,
249
+ &.h4,
250
+ &.h5 {
251
+ margin-bottom: 0;
252
+ font-weight: $headings-font-weight;
253
+ letter-spacing: $headings-letter-spacing;
254
+ }
255
+
256
+ &.h1 {
257
+ font-size: $h1-font-size;
258
+ }
259
+
260
+ &.h2 {
261
+ font-size: $h2-font-size;
262
+ }
263
+
264
+ &.h3 {
265
+ font-size: $h3-font-size;
266
+ }
267
+
268
+ &.h4 {
269
+ font-size: $h4-font-size;
270
+ }
271
+
272
+ &.h5 {
273
+ font-size: $h5-font-size;
274
+ }
275
+ }