@leapdev/gui 0.2.227 → 0.2.232
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/dist/css/4d-bylawyers.css +1 -1
- package/dist/css/4d-lawconnect.css +1 -1
- package/dist/css/4d-leap-web.css +1 -1
- package/dist/css/4d-leap.css +1 -1
- package/dist/css/xsf-crx-lawconnect.css +1 -1
- package/dist/css/xsf-crx-leap.css +1 -1
- package/dist/index.html +2 -2
- package/dist/scss/4d/_base.scss +2 -0
- package/dist/scss/4d/_content-app.scss +4 -4
- package/dist/scss/4d/_variables-bylawyers.scss +37 -123
- package/dist/scss/4d/_variables-web.scss +37 -21
- package/dist/scss/4d/_variables.scss +35 -18
- package/dist/scss/4d/components/page.scss +5 -1
- package/dist/scss/4d/components/responsive-table.scss +50 -0
- package/dist/scss/4d/components/section.scss +4 -0
- package/dist/scss/4d/mixins/_all.scss +2 -1
- package/dist/scss/4d/mixins/_mobile-device.scss +8 -0
- package/dist/scss/4d/overrides/buttons/buttons.scss +20 -0
- package/dist/scss/4d/overrides/forms/form-group.scss +13 -0
- package/dist/scss/4d/overrides/forms/forms.scss +0 -1
- package/dist/scss/4d/overrides/forms/input-group.scss +14 -0
- package/dist/scss/4d/overrides/forms/input-options.scss +46 -12
- package/dist/scss/4d/overrides/forms/input-select.scss +73 -5
- package/dist/scss/4d/overrides/forms/input-text.scss +6 -0
- package/dist/scss/4d/overrides/grid/_grid.scss +13 -0
- package/dist/scss/4d/overrides/nav/navbar.scss +82 -3
- package/dist/scss/4d/overrides/product/_bylawyers.scss +17 -10
- package/dist/scss/4d/overrides/product/_leapweb.scss +13 -56
- package/dist/scss/4d/overrides/typography/page-header.scss +31 -0
- package/dist/scss/xsf-crx/components/_accordion.scss +9 -5
- package/dist/scss/xsf-crx/components/_blockquotes.scss +6 -6
- package/dist/scss/xsf-crx/components/_custom-tabs.scss +6 -3
- package/dist/scss/xsf-crx/components/_well.scss +2 -2
- package/dist/scss/xsf-crx/sites/sf-lawconnect/_variables.scss +26 -16
- package/dist/scss/xsf-crx/sites/sf-leap/_variables.scss +10 -1
- package/package.json +1 -1
- package/dist/scss/4d/overrides/forms/input-range.scss +0 -0
|
@@ -68,22 +68,29 @@ h3 {
|
|
|
68
68
|
letter-spacing: 0.2px;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
+
// .form-check, .form-check-inline {
|
|
72
|
+
// .form-check-label {
|
|
73
|
+
// margin-left: 0.5rem;
|
|
74
|
+
// }
|
|
75
|
+
// > input[type="radio"]:not(.form-check-inline) {
|
|
76
|
+
// top: 0.2rem !important;
|
|
77
|
+
// }
|
|
78
|
+
// > input[type="checkbox"] {
|
|
79
|
+
// top: 0.2rem !important;
|
|
80
|
+
// &:before {
|
|
81
|
+
// top: 0.09rem !important;
|
|
82
|
+
// left: 0 !important;
|
|
83
|
+
// }
|
|
84
|
+
// }
|
|
85
|
+
// }
|
|
86
|
+
|
|
71
87
|
.form-check, .form-check-inline {
|
|
72
|
-
.form-check-label {
|
|
73
|
-
margin-left: 0.5rem;
|
|
74
|
-
}
|
|
75
88
|
> input[type="radio"]:not(.form-check-inline) {
|
|
76
89
|
top: 0.2rem !important;
|
|
77
90
|
}
|
|
78
|
-
> input[type="checkbox"] {
|
|
79
|
-
top: 0.2rem !important;
|
|
80
|
-
&:before {
|
|
81
|
-
top: 0.09rem !important;
|
|
82
|
-
left: 0 !important;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
91
|
}
|
|
86
92
|
|
|
93
|
+
|
|
87
94
|
.card {
|
|
88
95
|
border-radius: $border-radius-sm;
|
|
89
96
|
}
|
|
@@ -1,15 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
1
|
.ng-dropdown-panel.ng-select-bottom {
|
|
4
2
|
border-color: $border-color !important;
|
|
5
3
|
}
|
|
6
4
|
|
|
5
|
+
.ng-select-container {
|
|
6
|
+
min-height: $input-height !important;
|
|
7
|
+
border-radius: $border-radius-sm !important;
|
|
8
|
+
|
|
9
|
+
.ng-value-container {
|
|
10
|
+
line-height: $line-height-base !important;
|
|
11
|
+
padding: $input-padding-y $input-padding-x !important;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
7
15
|
.btn {
|
|
8
16
|
border-radius: $border-radius !important;
|
|
9
17
|
padding: $input-padding-y $input-padding-x !important;
|
|
10
18
|
}
|
|
11
19
|
|
|
12
|
-
|
|
13
20
|
.alert {
|
|
14
21
|
border-radius: $border-radius-sm !important;
|
|
15
22
|
font-size: $font-size-base;
|
|
@@ -21,54 +28,20 @@
|
|
|
21
28
|
}
|
|
22
29
|
}
|
|
23
30
|
|
|
24
|
-
|
|
25
31
|
.form-group {
|
|
26
32
|
margin-bottom: 0.35rem !important;
|
|
27
33
|
}
|
|
28
34
|
|
|
29
|
-
|
|
30
|
-
.ng-select-container {
|
|
31
|
-
min-height: $input-height !important;
|
|
32
|
-
border-radius: $border-radius-sm !important;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
.ng-value-container {
|
|
36
|
-
line-height: $line-height-base !important;
|
|
37
|
-
padding: $input-padding-y $input-padding-x !important;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
35
|
.form-check, .form-check-inline {
|
|
43
|
-
.form-check-label {
|
|
44
|
-
margin-left: 0.5rem;
|
|
45
|
-
}
|
|
46
36
|
> input[type="radio"]:not(.form-check-inline) {
|
|
47
37
|
top: 0.2rem !important;
|
|
48
38
|
}
|
|
49
|
-
> input[type="checkbox"] {
|
|
50
|
-
top: 0.2rem !important;
|
|
51
|
-
&:before {
|
|
52
|
-
top: 0.09rem !important;
|
|
53
|
-
left: 0 !important;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
39
|
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
.ng-dropdown-panel.ng-select-bottom {
|
|
61
|
-
border-color: $border-color !important;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.alert {
|
|
65
|
-
border-radius: $border-radius-sm !important;
|
|
66
|
-
.close {
|
|
67
|
-
font-size: $font-size-lg;
|
|
40
|
+
.form-group {
|
|
41
|
+
@include mobile-device-only {
|
|
42
|
+
margin-bottom: 1rem !important;
|
|
68
43
|
}
|
|
69
44
|
}
|
|
70
|
-
|
|
71
|
-
|
|
72
45
|
.card {
|
|
73
46
|
border-radius: $border-radius-sm;
|
|
74
47
|
}
|
|
@@ -107,22 +80,6 @@ h3 {
|
|
|
107
80
|
letter-spacing: -0.5px;
|
|
108
81
|
}
|
|
109
82
|
|
|
110
|
-
.form-check, .form-check-inline {
|
|
111
|
-
.form-check-label {
|
|
112
|
-
margin-left: 0.5rem;
|
|
113
|
-
}
|
|
114
|
-
> input[type="radio"]:not(.form-check-inline) {
|
|
115
|
-
top: 0.2rem !important;
|
|
116
|
-
}
|
|
117
|
-
> input[type="checkbox"] {
|
|
118
|
-
top: 0.2rem !important;
|
|
119
|
-
&:before {
|
|
120
|
-
top: 0.09rem !important;
|
|
121
|
-
left: 0 !important;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
|
|
126
83
|
.card {
|
|
127
84
|
border-radius: $border-radius-sm;
|
|
128
85
|
}
|
|
@@ -16,6 +16,37 @@
|
|
|
16
16
|
font-weight: $font-weight-bold;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
@if not $is-sirius {
|
|
20
|
+
.section_title {
|
|
21
|
+
width: 100%;
|
|
22
|
+
}
|
|
23
|
+
.section_title .h5:first-child,
|
|
24
|
+
.section_title h5:first-child { font-size: 0.75rem; }
|
|
25
|
+
|
|
26
|
+
.section_title .h6:first-child,
|
|
27
|
+
.section_title h6:first-child { font-size: 0.6875rem; }
|
|
28
|
+
|
|
29
|
+
.section_title .h5:first-child,
|
|
30
|
+
.section_title h5:first-child,
|
|
31
|
+
.section_title .h6:first-child,
|
|
32
|
+
.section_title h6:first-child {
|
|
33
|
+
font-weight: 600;
|
|
34
|
+
text-transform: uppercase;
|
|
35
|
+
position: relative;
|
|
36
|
+
white-space: nowrap;
|
|
37
|
+
overflow: hidden;
|
|
38
|
+
|
|
39
|
+
&::after {
|
|
40
|
+
border-top: 1px solid $gray-var-6;
|
|
41
|
+
content: "";
|
|
42
|
+
position: absolute;
|
|
43
|
+
top: 0.5rem;
|
|
44
|
+
width: 100%;
|
|
45
|
+
margin-left: 2%;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
19
50
|
.section-subtitle {
|
|
20
51
|
font-size: $font-size-base;
|
|
21
52
|
color: var(--primary, theme-color("default"));
|
|
@@ -32,7 +32,8 @@
|
|
|
32
32
|
align-items: center;
|
|
33
33
|
position: relative;
|
|
34
34
|
border: 0.0625rem solid transparent;
|
|
35
|
-
|
|
35
|
+
border-radius: $accordion-toggle-border-radius;
|
|
36
|
+
background-color: $accordion-toggle-border-color;
|
|
36
37
|
padding: $accordion-toggle-padding;
|
|
37
38
|
cursor: pointer;
|
|
38
39
|
|
|
@@ -46,6 +47,7 @@
|
|
|
46
47
|
background-repeat: none;
|
|
47
48
|
background-size: contain;
|
|
48
49
|
opacity: 0.6;
|
|
50
|
+
transform: rotateZ($accordion-toggle-icon-rotation);
|
|
49
51
|
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTg1LjM0MyAxODUuMzQzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxODUuMzQzIDE4NS4zNDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojMDEwMDAyOyIgZD0iTTUxLjcwNywxODUuMzQzYy0yLjc0MSwwLTUuNDkzLTEuMDQ0LTcuNTkzLTMuMTQ5Yy00LjE5NC00LjE5NC00LjE5NC0xMC45ODEsMC0xNS4xNzUNCgkJCWw3NC4zNTItNzQuMzQ3TDQ0LjExNCwxOC4zMmMtNC4xOTQtNC4xOTQtNC4xOTQtMTAuOTg3LDAtMTUuMTc1YzQuMTk0LTQuMTk0LDEwLjk4Ny00LjE5NCwxNS4xOCwwbDgxLjkzNCw4MS45MzQNCgkJCWM0LjE5NCw0LjE5NCw0LjE5NCwxMC45ODcsMCwxNS4xNzVsLTgxLjkzNCw4MS45MzlDNTcuMjAxLDE4NC4yOTMsNTQuNDU0LDE4NS4zNDMsNTEuNzA3LDE4NS4zNDN6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=');
|
|
50
52
|
}
|
|
51
53
|
|
|
@@ -55,8 +57,8 @@
|
|
|
55
57
|
flex-direction: column;
|
|
56
58
|
justify-content: center;
|
|
57
59
|
margin: 0;
|
|
58
|
-
font-
|
|
59
|
-
font-
|
|
60
|
+
font-size: $accordion-toggle-font-size;
|
|
61
|
+
font-weight: $accordion-toggle-font-weight;
|
|
60
62
|
font-family: $theme-font-family;
|
|
61
63
|
color: inherit;
|
|
62
64
|
user-select: none;
|
|
@@ -71,12 +73,14 @@
|
|
|
71
73
|
|
|
72
74
|
&.in {
|
|
73
75
|
> .#{$prefix}accordion-icon {
|
|
74
|
-
transform: rotateZ(
|
|
76
|
+
transform: rotateZ($accordion-toggle-icon-rotation-in);
|
|
75
77
|
transition: $accordion-toggle-icon-animation;
|
|
76
78
|
}
|
|
77
79
|
|
|
78
80
|
+ .#{$prefix}accordion-content {
|
|
79
81
|
display: block;
|
|
82
|
+
font-size: $accordion-toggle-font-size;
|
|
83
|
+
font-weight: 300;
|
|
80
84
|
}
|
|
81
85
|
|
|
82
86
|
> .#{$prefix}accordion-text {
|
|
@@ -85,7 +89,7 @@
|
|
|
85
89
|
}
|
|
86
90
|
|
|
87
91
|
&:hover {
|
|
88
|
-
background-color:
|
|
92
|
+
background-color: $accordion-toggle-border-color;
|
|
89
93
|
border-color: $accordion-toggle-border-color;
|
|
90
94
|
z-index: 1;
|
|
91
95
|
}
|
|
@@ -8,21 +8,21 @@ $blockquotes: (
|
|
|
8
8
|
'bg-color': $blockquote-info-bgcolor,
|
|
9
9
|
'border-color': $blockquote-info-border-color,
|
|
10
10
|
'accent-border': $blockquote-info-accent-border,
|
|
11
|
-
'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100%25' height='100%25' viewBox='0 0 56 56' style='enable-background:new 0 0 56 56;' xml:space='preserve'%3E%3Cg fill='
|
|
11
|
+
'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100%25' height='100%25' viewBox='0 0 56 56' style='enable-background:new 0 0 56 56;' xml:space='preserve'%3E%3Cg fill='#{$blockquote-info-color-escaped}'%3E%3Cpath d='M27.781,21.171c0.811,0,1.513-0.3,2.105-0.898s0.89-1.324,0.89-2.175s-0.294-1.578-0.882-2.183s-1.292-0.906-2.113-0.906 s-1.528,0.302-2.121,0.906s-0.889,1.332-0.889,2.183s0.296,1.576,0.889,2.175S26.96,21.171,27.781,21.171z M28,0 C12.536,0,0,12.536,0,28s12.536,28,28,28s28-12.536,28-28S43.464,0,28,0z M28,54C13.641,54,2,42.359,2,28S13.641,2,28,2 s26,11.641,26,26S42.359,54,28,54z M31.566,39.338c-0.283-0.135-0.502-0.339-0.653-0.613c-0.152-0.273-0.229-0.606-0.229-0.999 V24.395l-0.228-0.252l-7.449,0.437v1.226c0.304,0.033,0.641,0.112,1.011,0.235s0.646,0.252,0.828,0.386 c0.243,0.18,0.446,0.417,0.608,0.714s0.243,0.641,0.243,1.032v9.772c0,0.414-0.065,0.747-0.197,0.999s-0.36,0.445-0.685,0.579 c-0.183,0.079-0.4,0.135-0.653,0.168c-0.254,0.033-0.512,0.062-0.775,0.084V41h9.608v-1.226c-0.264-0.033-0.518-0.089-0.761-0.168 C31.992,39.528,31.77,39.438,31.566,39.338z'/%3E%3C/g%3E%3C/svg%3E"
|
|
12
12
|
),
|
|
13
13
|
'alert': (
|
|
14
14
|
'color': $blockquote-alert-color,
|
|
15
15
|
'bg-color': $blockquote-alert-bgcolor,
|
|
16
16
|
'border-color': $blockquote-alert-border-color,
|
|
17
17
|
'accent-border': $blockquote-alert-accent-border,
|
|
18
|
-
'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130px' height='130px' viewBox='0 0 132 130'%3E%3Cg stroke='none' stroke-width='1' fill='
|
|
18
|
+
'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130px' height='130px' viewBox='0 0 132 130'%3E%3Cg stroke='none' stroke-width='1' fill='#{$blockquote-alert-color-escaped}'%3E%3Cpath d='M66,0 C29.58474,0 0,29.1364864 0,65 C0,100.863514 29.58474,130 66,130 C102.41526,130 132,100.863514 132,65 C132,29.1364864 102.41526,0 66,0 Z M66,5.90909091 C99.17262,5.90909091 126,32.3299955 126,65 C126,97.6700045 99.17262,124.090909 66,124.090909 C32.82738,124.090909 6,97.6700045 6,65 C6,32.3299955 32.82738,5.90909091 66,5.90909091 Z M62.4375,33.4232955 C61.5375,33.4232955 61.21875,33.9403409 61.21875,34.53125 L61.21875,74.4176136 C61.21875,75.3039773 61.8375,75.6178977 62.4375,75.6178977 L69.28125,75.6178977 C70.18125,75.6178977 70.5,75.0085227 70.5,74.4176136 L70.5,34.53125 C70.5,33.6448864 69.88125,33.4232955 69.28125,33.4232955 L62.4375,33.4232955 Z M62.4375,86.6051136 C61.5375,86.6051136 61.21875,87.1221591 61.21875,87.7130682 L61.21875,95.46875 C61.21875,96.3551136 61.8375,96.5767045 62.4375,96.5767045 L69.5625,96.5767045 C70.4625,96.5767045 70.78125,96.0596591 70.78125,95.46875 L70.78125,87.7130682 C70.78125,86.8267045 70.1625,86.6051136 69.5625,86.6051136 L62.4375,86.6051136 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"
|
|
19
19
|
),
|
|
20
20
|
'tip': (
|
|
21
21
|
'color': $blockquote-tip-color,
|
|
22
22
|
'bg-color': $blockquote-tip-bgcolor,
|
|
23
23
|
'border-color': $blockquote-tip-border-color,
|
|
24
24
|
'accent-border': $blockquote-tip-accent-border,
|
|
25
|
-
'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100%25' height='100%25' viewBox='0 0 36 56' style='enable-background:new 0 0 36 56;' xml:space='preserve'%3E%3Cg fill='
|
|
25
|
+
'base64': "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100%25' height='100%25' viewBox='0 0 36 56' style='enable-background:new 0 0 36 56;' xml:space='preserve'%3E%3Cg fill='#{$blockquote-tip-color-escaped}'%3E%3Cpath d='M24,46H12c-0.553,0-1,0.448-1,1c0,0.553,0.447,1,1,1h12c0.553,0,1-0.447,1-1C25,46.448,24.553,46,24,46z M22,50h-8 c-0.553,0-1,0.448-1,1c0,0.553,0.447,1,1,1h8c0.553,0,1-0.447,1-1C23,50.448,22.553,50,22,50z M19,54h-2c-0.553,0-1,0.447-1,1 s0.447,1,1,1h2c0.553,0,1-0.447,1-1S19.553,54,19,54z M36,19C36,8.507,27.941,0,18,0S0,8.507,0,19 c0,7.919,4.592,14.7,11.116,17.555C11.048,36.69,11,36.838,11,37v2c0,0.553,0.447,1,1,1h12c0.553,0,1-0.447,1-1v-2 c0-0.162-0.048-0.31-0.116-0.445C31.408,33.7,36,26.919,36,19z M23,35.142V38H13v-2.858C6.614,32.909,2,26.532,2,19 C2,9.611,9.163,2,18,2s16,7.611,16,17C34,26.532,29.386,32.909,23,35.142z M24,42H12c-0.553,0-1,0.448-1,1c0,0.553,0.447,1,1,1h12 c0.553,0,1-0.447,1-1C25,42.448,24.553,42,24,42z'/%3E%3C/g%3E%3C/svg%3E"
|
|
26
26
|
)
|
|
27
27
|
)
|
|
28
28
|
);
|
|
@@ -91,9 +91,9 @@ $blockquotes: (
|
|
|
91
91
|
|
|
92
92
|
> .#{$prefix}blockquote-content-body {
|
|
93
93
|
color: $theme-text-color;
|
|
94
|
-
font-size:
|
|
94
|
+
font-size: 1rem;
|
|
95
95
|
font-family: $theme-font-family;
|
|
96
|
-
font-weight:
|
|
96
|
+
font-weight: 300;
|
|
97
97
|
line-height: $theme-line-height;
|
|
98
98
|
* {
|
|
99
99
|
&:last-child {
|
|
@@ -118,7 +118,7 @@ $blockquotes: (
|
|
|
118
118
|
$bq-bg-color: map-deep-get($blockquotes, 'types', $type, 'color');
|
|
119
119
|
|
|
120
120
|
border-left: none;
|
|
121
|
-
background-color: map-deep-get($blockquotes, 'types', $type, 'bg-color')
|
|
121
|
+
background-color: map-deep-get($blockquotes, 'types', $type, 'bg-color');
|
|
122
122
|
border: 1px solid map-deep-get($blockquotes, 'types', $type, 'border-color');
|
|
123
123
|
border-bottom-color: darken(map-deep-get($blockquotes, 'types', $type, 'border-color'),5%);
|
|
124
124
|
fill: map-deep-get($blockquotes, 'types', $type, 'color');
|
|
@@ -46,7 +46,6 @@
|
|
|
46
46
|
ul.#{$prefix}tab-nav {
|
|
47
47
|
display: flex;
|
|
48
48
|
align-content: flex-start;
|
|
49
|
-
gap: 2rem;
|
|
50
49
|
position: relative;
|
|
51
50
|
margin: 0;
|
|
52
51
|
margin-left: 0 !important;
|
|
@@ -54,7 +53,7 @@ ul.#{$prefix}tab-nav {
|
|
|
54
53
|
> .#{$prefix}tab-item {
|
|
55
54
|
display: block;
|
|
56
55
|
position: relative;
|
|
57
|
-
margin:
|
|
56
|
+
margin: $comp_tab-link-margin;
|
|
58
57
|
margin-left: 0 !important;
|
|
59
58
|
|
|
60
59
|
&:first-child {
|
|
@@ -62,6 +61,10 @@ ul.#{$prefix}tab-nav {
|
|
|
62
61
|
margin-left: 0 !important;
|
|
63
62
|
}
|
|
64
63
|
|
|
64
|
+
&:last-child {
|
|
65
|
+
margin: 0;
|
|
66
|
+
}
|
|
67
|
+
|
|
65
68
|
> .#{$prefix}tab-item-link {
|
|
66
69
|
display: block;
|
|
67
70
|
text-align: center;
|
|
@@ -91,7 +94,7 @@ ul.#{$prefix}tab-nav {
|
|
|
91
94
|
&:after {
|
|
92
95
|
content: '';
|
|
93
96
|
position: absolute;
|
|
94
|
-
bottom:
|
|
97
|
+
bottom: 0;
|
|
95
98
|
z-index: 1;
|
|
96
99
|
left: 0;
|
|
97
100
|
right: 0;
|
|
@@ -8,7 +8,7 @@ $btn-sizes: 'lg', 'xs';
|
|
|
8
8
|
$theme-font-family: 'Inter', Arial, sans-serif;
|
|
9
9
|
$theme-border-radius: 2px;
|
|
10
10
|
$theme-padding: 1rem;
|
|
11
|
-
$theme-line-height: 1.
|
|
11
|
+
$theme-line-height: 1.5rem;
|
|
12
12
|
|
|
13
13
|
// Theme colors
|
|
14
14
|
$theme-cyan: #0E5FE3;
|
|
@@ -26,26 +26,30 @@ $blockquote-addon-offset: $blockquote-padding;
|
|
|
26
26
|
$blockquote-content-offset: $blockquote-addon-dimensions + ($blockquote-addon-offset * 2) + .5rem;
|
|
27
27
|
|
|
28
28
|
// This should vary per theme
|
|
29
|
-
$blockquote-default-bg-color: #
|
|
30
|
-
$blockquote-blue: $theme-
|
|
31
|
-
$blockquote-green: #
|
|
32
|
-
$blockquote-
|
|
29
|
+
$blockquote-default-bg-color: #fff;
|
|
30
|
+
$blockquote-blue: $theme-darkblue;
|
|
31
|
+
$blockquote-green: #389A59;
|
|
32
|
+
$blockquote-lightgreen: #DBF2E2;
|
|
33
|
+
$blockquote-red: #AE2828;
|
|
34
|
+
$blockquote-lightred: #F7DDDD;
|
|
33
35
|
|
|
34
36
|
$blockquote-info-accent-border: $blockquote-blue;
|
|
35
37
|
$blockquote-info-color: $blockquote-blue;
|
|
36
|
-
$blockquote-info-bgcolor:
|
|
37
|
-
$blockquote-info-border-color:
|
|
38
|
+
$blockquote-info-bgcolor: $theme-lightgray;
|
|
39
|
+
$blockquote-info-border-color: transparent;
|
|
40
|
+
$blockquote-info-color-escaped: '%230A49AF';
|
|
38
41
|
|
|
39
|
-
$blockquote-tip-accent-border: $blockquote-
|
|
42
|
+
$blockquote-tip-accent-border: $blockquote-green;
|
|
40
43
|
$blockquote-tip-color: $blockquote-green;
|
|
41
|
-
$blockquote-tip-bgcolor:
|
|
42
|
-
$blockquote-tip-border-color:
|
|
44
|
+
$blockquote-tip-bgcolor: $blockquote-lightgreen;
|
|
45
|
+
$blockquote-tip-border-color: transparent;
|
|
46
|
+
$blockquote-tip-color-escaped: '%23389A59';
|
|
43
47
|
|
|
44
48
|
$blockquote-alert-accent-border: $blockquote-red;
|
|
45
49
|
$blockquote-alert-color: $blockquote-red;
|
|
46
|
-
$blockquote-alert-bgcolor:
|
|
47
|
-
$blockquote-alert-border-color:
|
|
48
|
-
|
|
50
|
+
$blockquote-alert-bgcolor: $blockquote-lightred;
|
|
51
|
+
$blockquote-alert-border-color: transparent;
|
|
52
|
+
$blockquote-alert-color-escaped: '%23AE2828';
|
|
49
53
|
|
|
50
54
|
$bq-sh-x: 0;
|
|
51
55
|
$bq-sh-y: 1px;
|
|
@@ -68,22 +72,28 @@ $comp_tab-link-active-border-thickness: .1875rem;
|
|
|
68
72
|
$comp_tab-nav-border-thickness: .1875rem;
|
|
69
73
|
$comp_tab-content-padding: 1rem;
|
|
70
74
|
$comp_tab-link-padding: .5rem 0rem;
|
|
75
|
+
$comp_tab-link-margin: 0 2rem 0 0;
|
|
71
76
|
|
|
72
77
|
//============================================================
|
|
73
78
|
// SF Accordion
|
|
74
79
|
//============================================================
|
|
75
80
|
$accordion-item-top-offset: -1px;
|
|
81
|
+
$accordion-toggle-font-size: 1rem;
|
|
82
|
+
$accordion-toggle-font-weight: 500;
|
|
76
83
|
$accordion-toggle-padding: 1rem;
|
|
77
|
-
$accordion-toggle-border-
|
|
78
|
-
$accordion-toggle-
|
|
84
|
+
$accordion-toggle-border-radius: 12px;
|
|
85
|
+
$accordion-toggle-border-color: #f6f7f8;
|
|
86
|
+
$accordion-toggle-active-color: $theme-text-color;
|
|
79
87
|
$accordion-toggle-hover-border-color: darken($theme-lightgray,10%);
|
|
80
88
|
$accordion-toggle-icon-stroke-width: 0.125rem;
|
|
81
89
|
$accordion-toggle-icon-dim: 1rem;
|
|
82
90
|
$accordion-toggle-icon-offset: 1rem;
|
|
83
91
|
$accordion-toggle-icon-animation: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
|
|
92
|
+
$accordion-toggle-icon-rotation: 90deg;
|
|
93
|
+
$accordion-toggle-icon-rotation-in: 270deg;
|
|
84
94
|
$accordion-content-padding: 1rem;
|
|
85
95
|
|
|
86
96
|
//============================================================
|
|
87
97
|
// Well
|
|
88
98
|
//============================================================
|
|
89
|
-
$well-bg: #
|
|
99
|
+
$well-bg: #F6F7F8;
|
|
@@ -34,16 +34,19 @@ $blockquote-info-accent-border: $blockquote-blue;
|
|
|
34
34
|
$blockquote-info-color: darken($blockquote-blue,15%);
|
|
35
35
|
$blockquote-info-bgcolor: lighten($blockquote-blue,59%);
|
|
36
36
|
$blockquote-info-border-color: lighten($blockquote-blue,38%);
|
|
37
|
+
$blockquote-info-color-escaped: '%230060AC';
|
|
37
38
|
|
|
38
39
|
$blockquote-tip-accent-border: $blockquote-green;
|
|
39
40
|
$blockquote-tip-color: darken($blockquote-green,15%);
|
|
40
41
|
$blockquote-tip-bgcolor: lighten($blockquote-green,50%);
|
|
41
42
|
$blockquote-tip-border-color: lighten($blockquote-green,30%);
|
|
43
|
+
$blockquote-tip-color-escaped: '%2343AE33';
|
|
42
44
|
|
|
43
45
|
$blockquote-alert-accent-border: $blockquote-red;
|
|
44
46
|
$blockquote-alert-color: darken($blockquote-red,15%);
|
|
45
47
|
$blockquote-alert-bgcolor: lighten($blockquote-red,50%);
|
|
46
48
|
$blockquote-alert-border-color: lighten($blockquote-red,38%);
|
|
49
|
+
$blockquote-alert-color-escaped: '%23BE332A';
|
|
47
50
|
|
|
48
51
|
$bq-sh-x: 0px;
|
|
49
52
|
$bq-sh-y: 2px;
|
|
@@ -66,19 +69,25 @@ $comp_tab-link-active-border-thickness: 0.125rem;
|
|
|
66
69
|
$comp_tab-nav-border-thickness: 0.0625rem;
|
|
67
70
|
$comp_tab-content-padding: 1rem 0;
|
|
68
71
|
$comp_tab-link-padding: .5rem 1.5rem;
|
|
72
|
+
$comp_tab-link-margin: 0;
|
|
69
73
|
|
|
70
74
|
//============================================================
|
|
71
75
|
// SF Accordion
|
|
72
76
|
//============================================================
|
|
73
77
|
$accordion-item-top-offset: -1px;
|
|
78
|
+
$accordion-toggle-font-size: 1rem;
|
|
79
|
+
$accordion-toggle-font-weight: 400;
|
|
74
80
|
$accordion-toggle-padding: 1rem;
|
|
75
|
-
$accordion-toggle-border-
|
|
81
|
+
$accordion-toggle-border-radius: 0px;
|
|
82
|
+
$accordion-toggle-border-color: #f5f5f5;
|
|
76
83
|
$accordion-toggle-active-color: #f2841f;
|
|
77
84
|
$accordion-toggle-hover-border-color: darken($theme-lightgray,10%);
|
|
78
85
|
$accordion-toggle-icon-stroke-width: 0.125rem;
|
|
79
86
|
$accordion-toggle-icon-dim: 1rem;
|
|
80
87
|
$accordion-toggle-icon-offset: 1rem;
|
|
81
88
|
$accordion-toggle-icon-animation: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
|
|
89
|
+
$accordion-toggle-icon-rotation: 0deg;
|
|
90
|
+
$accordion-toggle-icon-rotation-in: 90deg;
|
|
82
91
|
$accordion-content-padding: 1rem;
|
|
83
92
|
|
|
84
93
|
//============================================================
|
package/package.json
CHANGED
|
File without changes
|