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.
- checksums.yaml +4 -4
- data/lib/viniBaxter/desk_front/version.rb +1 -1
- data/lib/viniBaxter/sass/desk_front-boostrap.scss +2 -0
- data/lib/viniBaxter/sass/desk_front-template.scss +2 -0
- data/lib/viniBaxter/sass/desk_front-v2lrf-dashboard.scss +6 -0
- data/lib/viniBaxter/sass/desk_front.scss +3 -10
- data/lib/viniBaxter/sass/desk_front/bootstrap/_card.scss +17 -19
- data/lib/viniBaxter/sass/desk_front/dashkit/_dashkit.scss +0 -3
- data/lib/viniBaxter/sass/desk_front/dashkit/_header.scss +2 -2
- data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_background.scss +9 -6
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/_mixins.scss +10 -10
- data/lib/viniBaxter/sass/desk_front/{dashkit → v2lrf-dashboard/custom-components}/_avatar.scss +24 -8
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_custom-dashboard-ui.scss +12 -7
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_form.scss +275 -0
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_index.scss +2 -0
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-blured.scss +3 -0
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_index.scss +2 -1
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_blur.scss +4 -0
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-normal.scss +21 -21
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-ntf.scss +0 -7
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup.scss +10 -5
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/{opacity.scss → _opacity.scss} +4 -0
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_transparency.scss +3 -0
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_vendor-prefixes.scss +284 -123
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_dropdown.scss +12 -12
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_navbar.scss +12 -1
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_sidebar-and-main-panel.scss +148 -57
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_white-content.scss +4 -4
- metadata +11 -9
- data/app/assets/images/desk_front/sidebar-cover.jpg +0 -0
- data/lib/viniBaxter/sass/desk_front/dashkit/_forms.scss +0 -279
- data/lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss +0 -692
- data/lib/viniBaxter/sass/desk_front/dashkit/_variables.scss +0 -0
- 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:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 0a90f49a246d9d6b3e17c7d9333c4b36067dca53fc71de6756a22dd71cef1afd
|
4
|
+
data.tar.gz: c7c036911d10026859fcece001148d2ffcc94076061c9c9befc3e79ac3972ffd
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6c1d4164e6bac597b1816346506ca71d82470b02869f7d851352c3d428fe3dc075c02154a6b1ec2d7e624bd57f3b4e1729c1b1c491ef386a9098ea3ada31b612
|
7
|
+
data.tar.gz: 001eb6878b7d7ae336b5df0acff34cec76582e0baf577957ba9065bca97b42de0edd12feb94b9e5c23c5a421218e75e3219696423ef7c2bc9aeb47da3974cdc7
|
@@ -1,12 +1,5 @@
|
|
1
|
-
|
2
|
-
@import 'desk_front/bootstrap/bootstrap';
|
1
|
+
@import 'desk_front-boostrap';
|
3
2
|
|
4
|
-
|
5
|
-
@import 'desk_front/v2lrf-dashboard/index';
|
3
|
+
@import 'desk_front-v2lrf-dashboard';
|
6
4
|
|
7
|
-
|
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
|
-
>
|
17
|
+
>hr {
|
20
18
|
margin-right: 0;
|
21
19
|
margin-left: 0;
|
22
20
|
}
|
23
21
|
|
24
|
-
|
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
|
-
|
42
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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%;
|
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
|
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,
|
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)),
|
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,
|
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/
|
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/
|
16
|
-
@import 'mixins/nav-setup-ntf';
|
17
|
-
@import 'mixins/caret-color';
|
18
|
-
@import 'mixins/nav-setup';
|
18
|
+
@import 'mixins/blur';
|
data/lib/viniBaxter/sass/desk_front/{dashkit → v2lrf-dashboard/custom-components}/_avatar.scss
RENAMED
@@ -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
|
168
|
+
.avatar+.avatar {
|
153
169
|
margin-left: -$avatar-size-base / 4;
|
154
170
|
}
|
155
171
|
|
156
|
-
.avatar-xs
|
172
|
+
.avatar-xs+.avatar-xs {
|
157
173
|
margin-left: -$avatar-size-xs / 4;
|
158
174
|
}
|
159
175
|
|
160
|
-
.avatar-sm
|
176
|
+
.avatar-sm+.avatar-sm {
|
161
177
|
margin-left: -$avatar-size-sm / 4;
|
162
178
|
}
|
163
179
|
|
164
|
-
.avatar-lg
|
180
|
+
.avatar-lg+.avatar-lg {
|
165
181
|
margin-left: -$avatar-size-lg / 4;
|
166
182
|
}
|
167
183
|
|
168
|
-
.avatar-xl
|
184
|
+
.avatar-xl+.avatar-xl {
|
169
185
|
margin-left: -$avatar-size-xl / 4;
|
170
186
|
}
|
171
187
|
|
172
|
-
.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
|
-
|
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
|
+
}
|
data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_custom-dashboard-ui.scss
CHANGED
@@ -15,27 +15,32 @@
|
|
15
15
|
margin-right: 5px;
|
16
16
|
position: relative;
|
17
17
|
|
18
|
-
&[
|
18
|
+
&[value='dark'] {
|
19
19
|
@include linear-gradient($black-states, $cplus_light);
|
20
20
|
}
|
21
21
|
|
22
|
-
&[
|
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
|
-
&[
|
31
|
+
&[value='blue'] {
|
27
32
|
@include linear-gradient($info-states, $info);
|
28
33
|
}
|
29
34
|
|
30
|
-
&[
|
35
|
+
&[value='green'] {
|
31
36
|
@include linear-gradient($success-states, $success);
|
32
37
|
}
|
33
38
|
|
34
|
-
&[
|
39
|
+
&[value='orange'] {
|
35
40
|
@include linear-gradient($warning-states, $warning);
|
36
41
|
}
|
37
42
|
|
38
|
-
&[
|
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:
|
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
|
+
}
|