@natec/mef-dev-ui-kit 16.0.0 → 16.0.2
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.
- package/README.md +125 -13
- package/esm2022/lib/markup-kit/card/card/card.component.mjs +2 -2
- package/esm2022/lib/markup-kit/card/card-long/card-long.component.mjs +2 -2
- package/esm2022/lib/markup-kit/collapse/collapse/collapse.component.mjs +3 -3
- package/esm2022/lib/markup-kit/page-layouts/central-page/central-page.component.mjs +11 -3
- package/esm2022/lib/markup-kit/page-layouts/profile/profile.component.mjs +2 -2
- package/fesm2022/natec-mef-dev-ui-kit.mjs +18 -10
- package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -1
- package/lib/markup-kit/card/card.module.d.ts +1 -1
- package/package.json +1 -1
- package/src/lib/styles/fonts.scss +13 -13
- package/src/lib/styles/pg/_var.scss +1 -1
- package/src/lib/styles/pg/core.scss +12 -84
- package/src/lib/styles/pg/modules/_breadcrumb.scss +1 -1
- package/src/lib/styles/pg/modules/_buttons.scss +2 -2
- package/src/lib/styles/pg/modules/_cards.scss +3 -3
- package/src/lib/styles/pg/modules/_form_elements.scss +52 -52
- package/src/lib/styles/pg/modules/_header.scss +2 -2
- package/src/lib/styles/pg/modules/_tabs.scss +11 -11
- package/src/lib/styles/pg/modules/_tabs_accordian.scss +2 -2
- package/src/lib/styles/pg/modules/_typography.scss +9 -12
- package/src/lib/styles/pg/vendor/ng-datatable.scss +4 -4
- package/src/lib/styles/fonts/lato/lato-bold.eot +0 -0
- package/src/lib/styles/fonts/lato/lato-bold.otf +0 -0
- package/src/lib/styles/fonts/lato/lato-bold.svg +0 -78356
- package/src/lib/styles/fonts/lato/lato-bold.ttf +0 -0
- package/src/lib/styles/fonts/lato/lato-bold.woff +0 -0
- package/src/lib/styles/fonts/lato/lato-bold.woff2 +0 -0
- package/src/lib/styles/fonts/lato/lato-regular.eot +0 -0
- package/src/lib/styles/fonts/lato/lato-regular.otf +0 -0
- package/src/lib/styles/fonts/lato/lato-regular.svg +0 -78251
- package/src/lib/styles/fonts/lato/lato-regular.ttf +0 -0
- package/src/lib/styles/fonts/lato/lato-regular.woff +0 -0
- package/src/lib/styles/fonts/lato/lato-regular.woff2 +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-Bold.ttf +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-Bold.woff +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-Bold.woff2 +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-Light.woff +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-Light.woff2 +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-Medium.woff +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-Medium.woff2 +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-Regular.ttf +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-Regular.woff +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-Regular.woff2 +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-SemiBold.woff +0 -0
- package/src/lib/styles/fonts/montserrat/Montserrat-SemiBold.woff2 +0 -0
- package/src/lib/styles/fonts/montserrat/montserrat-bold-webfont.svg +0 -1462
- package/src/lib/styles/fonts/montserrat/montserrat-regular-webfont.svg +0 -1317
|
@@ -9,7 +9,7 @@ import * as i4 from "@angular/common";
|
|
|
9
9
|
import * as i5 from "../collapse/collapse.module";
|
|
10
10
|
import * as i6 from "../../pg-components/select/select.module";
|
|
11
11
|
import * as i7 from "../../pg-components/card/card.module";
|
|
12
|
-
export declare const mefDevCardComponents: (typeof
|
|
12
|
+
export declare const mefDevCardComponents: (typeof CardLongComponent | typeof CardComponent | typeof CardSimpleComponent)[];
|
|
13
13
|
export declare class MefDevCardModule {
|
|
14
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<MefDevCardModule, never>;
|
|
15
15
|
static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevCardModule, [typeof i1.CardComponent, typeof i2.CardLongComponent, typeof i3.CardSimpleComponent], [typeof i4.CommonModule, typeof i5.MefDevCollapseModule, typeof i6.MefDevSelectModule, typeof i7.pgCardModule], [typeof i1.CardComponent, typeof i2.CardLongComponent, typeof i3.CardSimpleComponent]>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
.h1, h1 {
|
|
3
|
-
font-family: montserrat
|
|
3
|
+
font-family: montserrat;
|
|
4
4
|
font-size: 24px;
|
|
5
5
|
line-height: 29px;
|
|
6
6
|
font-weight: 700;
|
|
@@ -8,14 +8,14 @@
|
|
|
8
8
|
color: #000000;
|
|
9
9
|
}
|
|
10
10
|
.h2, h2 {
|
|
11
|
-
font-family: montserrat
|
|
11
|
+
font-family: montserrat;
|
|
12
12
|
font-size: 24px;
|
|
13
13
|
line-height: 29px;
|
|
14
14
|
font-weight: 700;
|
|
15
15
|
color: #000000;
|
|
16
16
|
}
|
|
17
17
|
.h3, h3 {
|
|
18
|
-
font-family: montserrat
|
|
18
|
+
font-family: montserrat;
|
|
19
19
|
font-size: 14px;
|
|
20
20
|
line-height: 20px;
|
|
21
21
|
font-weight: 400;
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
color: #000000;
|
|
24
24
|
}
|
|
25
25
|
.h4, h4 {
|
|
26
|
-
font-family: montserrat
|
|
26
|
+
font-family: montserrat;
|
|
27
27
|
font-weight: 300;
|
|
28
28
|
font-size: 13px;
|
|
29
29
|
line-height: 20px;
|
|
@@ -31,14 +31,14 @@
|
|
|
31
31
|
color: #000000;
|
|
32
32
|
}
|
|
33
33
|
.h5, h5 {
|
|
34
|
-
font-family: montserrat
|
|
34
|
+
font-family: montserrat;
|
|
35
35
|
font-weight: 600;
|
|
36
36
|
font-size: 13px;
|
|
37
37
|
line-height: 20px;
|
|
38
38
|
color: #000000;
|
|
39
39
|
}
|
|
40
40
|
.h6, h6 {
|
|
41
|
-
font-family: montserrat
|
|
41
|
+
font-family: montserrat;
|
|
42
42
|
font-weight: 500;
|
|
43
43
|
font-size: 12px;
|
|
44
44
|
line-height: 20px;
|
|
@@ -47,35 +47,35 @@
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
.body-1, body-1 {
|
|
50
|
-
font-family: Lato
|
|
50
|
+
font-family: Lato;
|
|
51
51
|
font-size: 18px;
|
|
52
52
|
line-height: 20px;
|
|
53
53
|
font-weight: 700;
|
|
54
54
|
color: #000000;
|
|
55
55
|
}
|
|
56
56
|
.body-2, body-2 {
|
|
57
|
-
font-family: Lato
|
|
57
|
+
font-family: Lato;
|
|
58
58
|
font-size: 16px;
|
|
59
59
|
line-height: 28px;
|
|
60
60
|
font-weight: 400;
|
|
61
61
|
color: #000000;
|
|
62
62
|
}
|
|
63
63
|
.body-3, body-3 {
|
|
64
|
-
font-family: Lato
|
|
64
|
+
font-family: Lato;
|
|
65
65
|
font-size: 14px;
|
|
66
66
|
line-height: 22px;
|
|
67
67
|
font-weight: 700;
|
|
68
68
|
color: #000000;
|
|
69
69
|
}
|
|
70
70
|
.body-4, body-4{
|
|
71
|
-
font-family: Lato
|
|
71
|
+
font-family: Lato;
|
|
72
72
|
font-size: 14px;
|
|
73
73
|
line-height: 22px;
|
|
74
74
|
font-weight: 400;
|
|
75
75
|
color: #000000;
|
|
76
76
|
}
|
|
77
77
|
.body-5, body-5{
|
|
78
|
-
font-family: Lato
|
|
78
|
+
font-family: Lato;
|
|
79
79
|
font-weight: 600;
|
|
80
80
|
font-size: 13px;
|
|
81
81
|
line-height: 18px;
|
|
@@ -83,9 +83,9 @@
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.body-6, body-6{
|
|
86
|
-
font-family: Lato
|
|
86
|
+
font-family: Lato;
|
|
87
87
|
font-size: 13px;
|
|
88
88
|
line-height: 16px;
|
|
89
89
|
font-weight: 400;
|
|
90
90
|
color: #000000;
|
|
91
|
-
}
|
|
91
|
+
}
|
|
@@ -33,7 +33,7 @@ $color-warning: #f8d053 ;
|
|
|
33
33
|
$color-danger: $Red ;
|
|
34
34
|
$color-info: $Dark-Gray-1;
|
|
35
35
|
|
|
36
|
-
$base-font-family: Lato
|
|
36
|
+
$base-font-family: Lato, Montserrat;
|
|
37
37
|
|
|
38
38
|
// Menu Vars
|
|
39
39
|
// --------------------------------------------------
|
|
@@ -1,82 +1,10 @@
|
|
|
1
1
|
//Core Libs
|
|
2
2
|
@use '../designe-colors.scss' as c;
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
@
|
|
6
|
-
font-family: 'montserrat-bold';
|
|
7
|
-
src: url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
|
|
8
|
-
url('../fonts/montserrat/Montserrat-Bold.woff') format('woff');
|
|
9
|
-
font-weight: bold;
|
|
10
|
-
font-style: normal;
|
|
11
|
-
font-display: swap;
|
|
12
|
-
}
|
|
4
|
+
@import 'https://fonts.googleapis.com/css?family=Montserrat';
|
|
5
|
+
@import 'https://fonts.googleapis.com/css?family=Lato';
|
|
13
6
|
|
|
14
|
-
|
|
15
|
-
font-family: 'montserrat-light';
|
|
16
|
-
src: url('../fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
|
|
17
|
-
url('../fonts/montserrat/Montserrat-Light.woff') format('woff');
|
|
18
|
-
font-weight: 300;
|
|
19
|
-
font-style: normal;
|
|
20
|
-
font-display: swap;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
@font-face {
|
|
24
|
-
font-family: 'montserrat-semibold';
|
|
25
|
-
src: url('../fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
|
|
26
|
-
url('../fonts/montserrat/Montserrat-SemiBold.woff') format('woff');
|
|
27
|
-
font-weight: 600;
|
|
28
|
-
font-style: normal;
|
|
29
|
-
font-display: swap;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@font-face {
|
|
33
|
-
font-family: 'montserrat-medium';
|
|
34
|
-
src: url('../fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
|
|
35
|
-
url('../fonts/montserrat/Montserrat-Medium.woff') format('woff');
|
|
36
|
-
font-weight: 500;
|
|
37
|
-
font-style: normal;
|
|
38
|
-
font-display: swap;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
@font-face {
|
|
42
|
-
font-family: 'montserrat-regular';
|
|
43
|
-
src: url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
|
|
44
|
-
url('../fonts/montserrat/Montserrat-Regular.woff') format('woff');
|
|
45
|
-
font-weight: normal;
|
|
46
|
-
font-style: normal;
|
|
47
|
-
font-display: swap;
|
|
48
|
-
}
|
|
49
|
-
/*#endregion montserrat*/
|
|
50
|
-
|
|
51
|
-
/*#region Lato*/
|
|
52
|
-
@font-face {
|
|
53
|
-
font-family: 'Lato-Regular';
|
|
54
|
-
src: url("../fonts/lato/lato-regular.eot?#iefix") format("embedded-opentype"),
|
|
55
|
-
url("../fonts/lato/lato-regular.otf") format("opentype"),
|
|
56
|
-
url("../fonts/lato/lato-regular.svg") format("svg"),
|
|
57
|
-
url("../fonts/lato/lato-regular.ttf") format("truetype"),
|
|
58
|
-
url("../fonts/lato/lato-regular.woff") format("woff"),
|
|
59
|
-
url("../fonts/lato/lato-regular.woff2") format("woff2");
|
|
60
|
-
font-weight: normal;
|
|
61
|
-
font-style: normal;
|
|
62
|
-
font-display: swap;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
@font-face {
|
|
66
|
-
font-family: 'Lato-Bold';
|
|
67
|
-
src: url("../fonts/lato/lato-bold.eot?#iefix") format("embedded-opentype"),
|
|
68
|
-
url("../fonts/lato/lato-bold.otf") format("opentype"),
|
|
69
|
-
url("../fonts/lato/lato-bold.svg") format("svg"),
|
|
70
|
-
url("../fonts/lato/lato-bold.ttf") format("truetype"),
|
|
71
|
-
url("../fonts/lato/lato-bold.woff") format("woff"),
|
|
72
|
-
url("../fonts/lato/lato-bold.woff2") format("woff2");
|
|
73
|
-
font-weight: bold;
|
|
74
|
-
font-style: normal;
|
|
75
|
-
font-display: swap;
|
|
76
|
-
}
|
|
77
|
-
/*#endregion Lato*/
|
|
78
|
-
|
|
79
|
-
/*#region img-font*/
|
|
7
|
+
/*#region img-font*/
|
|
80
8
|
@font-face {
|
|
81
9
|
font-family: 'icomoon';
|
|
82
10
|
src: url('../fonts/main-img-font/icomoon.eot?97jr4n');
|
|
@@ -88,7 +16,7 @@
|
|
|
88
16
|
font-style: normal;
|
|
89
17
|
font-display: block;
|
|
90
18
|
}
|
|
91
|
-
|
|
19
|
+
|
|
92
20
|
[class^="icon-"], [class*=" icon-"] {
|
|
93
21
|
/* use !important to prevent issues with browser extensions that change ../fonts */
|
|
94
22
|
font-family: 'icomoon' !important;
|
|
@@ -98,12 +26,12 @@
|
|
|
98
26
|
font-variant: normal;
|
|
99
27
|
text-transform: none;
|
|
100
28
|
line-height: 1;
|
|
101
|
-
|
|
29
|
+
|
|
102
30
|
/* Better Font Rendering =========== */
|
|
103
31
|
-webkit-font-smoothing: antialiased;
|
|
104
32
|
-moz-osx-font-smoothing: grayscale;
|
|
105
33
|
}
|
|
106
|
-
|
|
34
|
+
|
|
107
35
|
.icon-info-light:before {
|
|
108
36
|
content: "\e90d";
|
|
109
37
|
}
|
|
@@ -259,7 +187,7 @@
|
|
|
259
187
|
content: "\e938";
|
|
260
188
|
margin-left: -0.9658203125em;
|
|
261
189
|
}
|
|
262
|
-
|
|
190
|
+
|
|
263
191
|
/*#endregion img-font*/
|
|
264
192
|
|
|
265
193
|
|
|
@@ -469,12 +397,12 @@ a.btn-primary {
|
|
|
469
397
|
}
|
|
470
398
|
|
|
471
399
|
a:hover *{
|
|
472
|
-
color: c.$Red !important;
|
|
400
|
+
color: c.$Red !important;
|
|
473
401
|
}
|
|
474
402
|
|
|
475
403
|
.avatar-img-lg{
|
|
476
|
-
max-width: -webkit-fill-available;
|
|
477
|
-
max-height: 150px;
|
|
404
|
+
max-width: -webkit-fill-available;
|
|
405
|
+
max-height: 150px;
|
|
478
406
|
border-radius: 50%
|
|
479
407
|
}
|
|
480
408
|
|
|
@@ -487,12 +415,12 @@ a:hover *{
|
|
|
487
415
|
}
|
|
488
416
|
|
|
489
417
|
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{
|
|
490
|
-
background-color: c.$Light-Gray-3;
|
|
418
|
+
background-color: c.$Light-Gray-3;
|
|
491
419
|
color: #333333
|
|
492
420
|
}
|
|
493
421
|
|
|
494
422
|
.p-checkbox .p-checkbox-box.p-highlight{
|
|
495
|
-
background: c.$Dark-Gray-1;
|
|
423
|
+
background: c.$Dark-Gray-1;
|
|
496
424
|
}
|
|
497
425
|
|
|
498
426
|
.p-highlight .p-checkbox .p-checkbox-box{
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
border-radius: 5px !important;
|
|
10
10
|
color: $text_color !important;
|
|
11
11
|
background-color: $main_color !important;
|
|
12
|
-
font-family: montserrat
|
|
12
|
+
font-family: montserrat !important;
|
|
13
13
|
font-weight: 500 !important;
|
|
14
14
|
font-size: 14px !important;
|
|
15
15
|
line-height: 24px !important;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
border-radius: 5px !important;
|
|
29
29
|
color: $text_color !important;
|
|
30
30
|
background-color: $main_color !important;
|
|
31
|
-
font-family: Lato
|
|
31
|
+
font-family: Lato !important;
|
|
32
32
|
font-size: 11px !important;
|
|
33
33
|
line-height: 13px !important;
|
|
34
34
|
&:hover{
|
|
@@ -31,7 +31,7 @@ $assets-url: "../../assets" ;
|
|
|
31
31
|
padding-top: 0;
|
|
32
32
|
}
|
|
33
33
|
.card-title {
|
|
34
|
-
font-family: montserrat
|
|
34
|
+
font-family: montserrat;
|
|
35
35
|
text-transform: uppercase;
|
|
36
36
|
display: inline-block;
|
|
37
37
|
letter-spacing: 0.06em;
|
|
@@ -134,7 +134,7 @@ $assets-url: "../../assets" ;
|
|
|
134
134
|
float: right;
|
|
135
135
|
.card-title {
|
|
136
136
|
h4 {
|
|
137
|
-
font-family: montserrat
|
|
137
|
+
font-family: montserrat;
|
|
138
138
|
font-size: 16px;
|
|
139
139
|
text-transform: uppercase;
|
|
140
140
|
color: $color-master-lighter;
|
|
@@ -404,4 +404,4 @@ $assets-url: "../../assets" ;
|
|
|
404
404
|
|
|
405
405
|
.card.card-default{
|
|
406
406
|
border: 0 !important;
|
|
407
|
-
}
|
|
407
|
+
}
|
|
@@ -40,31 +40,31 @@
|
|
|
40
40
|
|
|
41
41
|
// Placeholder text
|
|
42
42
|
@mixin placeholder($color, $opacity) {
|
|
43
|
-
&::-moz-placeholder {
|
|
43
|
+
&::-moz-placeholder {
|
|
44
44
|
color: $color; // Firefox
|
|
45
|
-
opacity: $opacity;
|
|
45
|
+
opacity: $opacity;
|
|
46
46
|
} // See https://github.com/twbs/bootstrap/pull/11526
|
|
47
|
-
&:-ms-input-placeholder {
|
|
47
|
+
&:-ms-input-placeholder {
|
|
48
48
|
color: $color;
|
|
49
|
-
opacity: $opacity;
|
|
49
|
+
opacity: $opacity;
|
|
50
50
|
} // Internet Explorer 10+
|
|
51
|
-
&::-webkit-input-placeholder {
|
|
51
|
+
&::-webkit-input-placeholder {
|
|
52
52
|
color: $color;
|
|
53
53
|
opacity: $opacity;
|
|
54
54
|
} // Safari and Chrome
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
label,
|
|
58
|
-
input,
|
|
59
|
-
button,
|
|
60
|
-
select,
|
|
57
|
+
label,
|
|
58
|
+
input,
|
|
59
|
+
button,
|
|
60
|
+
select,
|
|
61
61
|
textarea {
|
|
62
62
|
font-size: 14px;
|
|
63
63
|
font-weight: normal;
|
|
64
64
|
line-height: 20px;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
input[type="radio"],
|
|
67
|
+
input[type="radio"],
|
|
68
68
|
input[type="checkbox"] {
|
|
69
69
|
margin-top: 1px 0 0;
|
|
70
70
|
line-height: normal;
|
|
@@ -72,16 +72,16 @@ input[type="checkbox"] {
|
|
|
72
72
|
@include box-sizing(border-box);
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
select[multiple],
|
|
75
|
+
select[multiple],
|
|
76
76
|
select[size] {
|
|
77
77
|
height: auto !important;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
input:focus,
|
|
81
|
-
select:focus,
|
|
82
|
-
textarea:focus,
|
|
83
|
-
input[type="file"]:focus,
|
|
84
|
-
input[type="radio"]:focus,
|
|
81
|
+
select:focus,
|
|
82
|
+
textarea:focus,
|
|
83
|
+
input[type="file"]:focus,
|
|
84
|
+
input[type="radio"]:focus,
|
|
85
85
|
input[type="checkbox"]:focus {
|
|
86
86
|
outline: none;
|
|
87
87
|
@include box-shadow(none);
|
|
@@ -117,8 +117,8 @@ form legend {
|
|
|
117
117
|
@include placeholder(inherit, .7);
|
|
118
118
|
}
|
|
119
119
|
@include placeholder(inherit, .33);
|
|
120
|
-
&[disabled],
|
|
121
|
-
&[readonly],
|
|
120
|
+
&[disabled],
|
|
121
|
+
&[readonly],
|
|
122
122
|
fieldset[disabled] &{
|
|
123
123
|
background: mix($color-master-lighter, #fff, 50%);
|
|
124
124
|
color: rgba($color-master, 1);
|
|
@@ -139,7 +139,7 @@ form legend {
|
|
|
139
139
|
--------------------------------------------------
|
|
140
140
|
*/
|
|
141
141
|
|
|
142
|
-
.input-sm,
|
|
142
|
+
.input-sm,
|
|
143
143
|
.form-horizontal .form-group-sm .form-control {
|
|
144
144
|
font-size: 13px;
|
|
145
145
|
min-height: 32px;
|
|
@@ -147,7 +147,7 @@ form legend {
|
|
|
147
147
|
padding: 7px 9px;
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
.input-lg,
|
|
150
|
+
.input-lg,
|
|
151
151
|
.form-horizontal .form-group-lg .form-control {
|
|
152
152
|
border-radius: 3px;
|
|
153
153
|
font-size: 18px;
|
|
@@ -175,11 +175,11 @@ form legend {
|
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
/* Checkboxes and Radio buttons
|
|
178
|
+
/* Checkboxes and Radio buttons
|
|
179
179
|
--------------------------------------------------
|
|
180
180
|
*/
|
|
181
181
|
|
|
182
|
-
.radio,
|
|
182
|
+
.radio,
|
|
183
183
|
.checkbox {
|
|
184
184
|
margin-bottom: 10px;
|
|
185
185
|
margin-top: 10px;
|
|
@@ -228,7 +228,7 @@ form legend {
|
|
|
228
228
|
}
|
|
229
229
|
}
|
|
230
230
|
}
|
|
231
|
-
input[type="radio"]:focus{
|
|
231
|
+
input[type="radio"]:focus{
|
|
232
232
|
& + label{
|
|
233
233
|
color:$color-master-dark;
|
|
234
234
|
&:before{
|
|
@@ -331,7 +331,7 @@ input[type=radio]:checked + label:before{
|
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
333
|
}
|
|
334
|
-
input[type="checkbox"]:focus{
|
|
334
|
+
input[type="checkbox"]:focus{
|
|
335
335
|
& + label{
|
|
336
336
|
color:$color-master-dark;
|
|
337
337
|
&:before{
|
|
@@ -354,7 +354,7 @@ input[type=radio]:checked + label:before{
|
|
|
354
354
|
&:before {
|
|
355
355
|
right:-35px;
|
|
356
356
|
left:auto;
|
|
357
|
-
|
|
357
|
+
|
|
358
358
|
}
|
|
359
359
|
}
|
|
360
360
|
input[type=checkbox]:checked {
|
|
@@ -392,7 +392,7 @@ input[type=checkbox]:checked + label{
|
|
|
392
392
|
.checkbox.check-info &:before{
|
|
393
393
|
border-color: $color-info;
|
|
394
394
|
}
|
|
395
|
-
|
|
395
|
+
|
|
396
396
|
.checkbox.check-success &::after,
|
|
397
397
|
.checkbox.check-primary &::after,
|
|
398
398
|
.checkbox.check-complete &::after,
|
|
@@ -401,7 +401,7 @@ input[type=checkbox]:checked + label{
|
|
|
401
401
|
.checkbox.check-info &::after {
|
|
402
402
|
color: $color-white;
|
|
403
403
|
}
|
|
404
|
-
|
|
404
|
+
|
|
405
405
|
}
|
|
406
406
|
.input-group {
|
|
407
407
|
.form-input-group{
|
|
@@ -478,11 +478,11 @@ input[type=checkbox]:checked + label{
|
|
|
478
478
|
&:last-child{
|
|
479
479
|
padding-right: 0;
|
|
480
480
|
}
|
|
481
|
-
}
|
|
481
|
+
}
|
|
482
482
|
}
|
|
483
483
|
}
|
|
484
484
|
@media (min-width: 768px) and (max-width: 991px){
|
|
485
|
-
// form .row [class*="col-md-"]:not(:first-child),
|
|
485
|
+
// form .row [class*="col-md-"]:not(:first-child),
|
|
486
486
|
// form .row [class*="col-md-"]:not(:last-child){
|
|
487
487
|
// padding-right: 0;
|
|
488
488
|
// padding-left: 0;
|
|
@@ -540,14 +540,14 @@ input[type=checkbox]:checked + label{
|
|
|
540
540
|
&:last-child .form-group-default{
|
|
541
541
|
border-top-right-radius: 2px;
|
|
542
542
|
}
|
|
543
|
-
}
|
|
543
|
+
}
|
|
544
544
|
&.form-group-default{
|
|
545
545
|
border-top-left-radius: 2px;
|
|
546
546
|
border-top-right-radius: 2px;
|
|
547
547
|
}
|
|
548
548
|
}
|
|
549
|
-
|
|
550
|
-
&:last-child{
|
|
549
|
+
|
|
550
|
+
&:last-child{
|
|
551
551
|
&.row > [class*='col-']{
|
|
552
552
|
&:first-child .form-group-default{
|
|
553
553
|
border-bottom-left-radius: 2px;
|
|
@@ -555,7 +555,7 @@ input[type=checkbox]:checked + label{
|
|
|
555
555
|
&:last-child .form-group-default{
|
|
556
556
|
border-bottom-right-radius: 2px;
|
|
557
557
|
}
|
|
558
|
-
}
|
|
558
|
+
}
|
|
559
559
|
&.form-group-default{
|
|
560
560
|
border-bottom-left-radius: 2px;
|
|
561
561
|
border-bottom-right-radius: 2px;
|
|
@@ -568,7 +568,7 @@ input[type=checkbox]:checked + label{
|
|
|
568
568
|
&.row > [class*='col-']:not(:only-child):not(:last-child) > .form-group-default{
|
|
569
569
|
border-right-color: transparent;
|
|
570
570
|
}
|
|
571
|
-
&:not(:last-child) .form-group-default,
|
|
571
|
+
&:not(:last-child) .form-group-default,
|
|
572
572
|
&:not(:last-child).form-group-default{
|
|
573
573
|
border-bottom-color: transparent;
|
|
574
574
|
}
|
|
@@ -593,9 +593,9 @@ input[type=checkbox]:checked + label{
|
|
|
593
593
|
width: 100%;
|
|
594
594
|
}
|
|
595
595
|
}
|
|
596
|
-
}
|
|
596
|
+
}
|
|
597
597
|
}
|
|
598
|
-
/* Form Groups
|
|
598
|
+
/* Form Groups
|
|
599
599
|
--------------------------------------------------
|
|
600
600
|
*/
|
|
601
601
|
.form-group {
|
|
@@ -609,7 +609,7 @@ input[type=checkbox]:checked + label{
|
|
|
609
609
|
}
|
|
610
610
|
label .help{
|
|
611
611
|
margin-left: 8px;
|
|
612
|
-
|
|
612
|
+
|
|
613
613
|
}
|
|
614
614
|
.help {
|
|
615
615
|
font-size: 12px;
|
|
@@ -632,7 +632,7 @@ input[type=checkbox]:checked + label{
|
|
|
632
632
|
&.required:after {
|
|
633
633
|
color: $color-danger;
|
|
634
634
|
content:"*";
|
|
635
|
-
font-family: montserrat
|
|
635
|
+
font-family: montserrat;
|
|
636
636
|
font-size: 20px;
|
|
637
637
|
position: absolute;
|
|
638
638
|
right: 15px;
|
|
@@ -667,9 +667,9 @@ input[type=checkbox]:checked + label{
|
|
|
667
667
|
display: none !important;
|
|
668
668
|
}
|
|
669
669
|
}
|
|
670
|
-
&.has-success .form-control,
|
|
671
|
-
&.has-success .form-control:focus,
|
|
672
|
-
&.has-error .form-control,
|
|
670
|
+
&.has-success .form-control,
|
|
671
|
+
&.has-success .form-control:focus,
|
|
672
|
+
&.has-error .form-control,
|
|
673
673
|
&.has-error .form-control:focus{
|
|
674
674
|
border: none;
|
|
675
675
|
box-shadow: none;
|
|
@@ -794,7 +794,7 @@ input[type=checkbox]:checked + label{
|
|
|
794
794
|
}
|
|
795
795
|
&.label-sm{
|
|
796
796
|
left:0;
|
|
797
|
-
top: 0;
|
|
797
|
+
top: 0;
|
|
798
798
|
}
|
|
799
799
|
}
|
|
800
800
|
.select2-container{
|
|
@@ -812,11 +812,11 @@ input[type=checkbox]:checked + label{
|
|
|
812
812
|
}
|
|
813
813
|
.select2-selection--multiple{
|
|
814
814
|
padding-top: 20px;
|
|
815
|
-
height: 52px;
|
|
816
|
-
border:0px;
|
|
815
|
+
height: 52px;
|
|
816
|
+
border:0px;
|
|
817
817
|
.select2-selection__rendered .select2-selection__choice{
|
|
818
818
|
margin-top:4px;
|
|
819
|
-
}
|
|
819
|
+
}
|
|
820
820
|
}
|
|
821
821
|
}
|
|
822
822
|
&.input-lg{
|
|
@@ -854,7 +854,7 @@ input[type=checkbox]:checked + label{
|
|
|
854
854
|
}
|
|
855
855
|
&.label-sm{
|
|
856
856
|
left: 0;
|
|
857
|
-
top: 0;
|
|
857
|
+
top: 0;
|
|
858
858
|
}
|
|
859
859
|
}
|
|
860
860
|
.cs-wrapper{
|
|
@@ -865,7 +865,7 @@ input[type=checkbox]:checked + label{
|
|
|
865
865
|
}
|
|
866
866
|
.cs-select{
|
|
867
867
|
height: auto;
|
|
868
|
-
> span:after,
|
|
868
|
+
> span:after,
|
|
869
869
|
.cs-selected span:after {
|
|
870
870
|
top: 39px;
|
|
871
871
|
}
|
|
@@ -934,7 +934,7 @@ input[type=checkbox]:checked + label{
|
|
|
934
934
|
}
|
|
935
935
|
&::after {
|
|
936
936
|
border-width: 10px;
|
|
937
|
-
border-bottom-width: 0;
|
|
937
|
+
border-bottom-width: 0;
|
|
938
938
|
bottom: -10px;
|
|
939
939
|
margin-left: -10px;
|
|
940
940
|
border-top-color: #fff;
|
|
@@ -1214,7 +1214,7 @@ div.cs-skin-slide{
|
|
|
1214
1214
|
height: 100%;
|
|
1215
1215
|
//@TODO :Temp fix
|
|
1216
1216
|
transform:translateY(-100%);
|
|
1217
|
-
font-family: montserrat
|
|
1217
|
+
font-family: montserrat;
|
|
1218
1218
|
//font-size: 14px;
|
|
1219
1219
|
color: #5e5e5e;
|
|
1220
1220
|
&:before{
|
|
@@ -1282,8 +1282,8 @@ div.cs-skin-slide{
|
|
|
1282
1282
|
max-height: 350px;
|
|
1283
1283
|
overflow-y: auto;
|
|
1284
1284
|
}
|
|
1285
|
-
span:hover,
|
|
1286
|
-
&.cs-focus span,
|
|
1285
|
+
span:hover,
|
|
1286
|
+
&.cs-focus span,
|
|
1287
1287
|
&.cs-selected span{
|
|
1288
1288
|
color: $color-master-dark;
|
|
1289
1289
|
}
|
|
@@ -1300,7 +1300,7 @@ div.cs-skin-slide{
|
|
|
1300
1300
|
right: 0;
|
|
1301
1301
|
top: 0;
|
|
1302
1302
|
@include transition(all .3s ease);
|
|
1303
|
-
|
|
1303
|
+
|
|
1304
1304
|
}
|
|
1305
1305
|
.cs-skin-slide.cs-active .cs-options li:nth-child(6) {
|
|
1306
1306
|
transition-delay: 0.3s;
|
|
@@ -1331,5 +1331,5 @@ div.cs-skin-slide{
|
|
|
1331
1331
|
content: "*";
|
|
1332
1332
|
font-family: arial;
|
|
1333
1333
|
font-size: 20px;
|
|
1334
|
-
|
|
1334
|
+
|
|
1335
1335
|
}
|