@trilogy-ds/styles 4.5.1-beta-1 → 4.5.1-beta-3
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.
|
@@ -16,13 +16,13 @@ $height-arrow-small:30px;
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
.arrow-prev, .arrow-next {
|
|
19
|
+
z-index: 1;
|
|
20
|
+
height: 44px;
|
|
19
21
|
position: absolute;
|
|
20
|
-
top:
|
|
22
|
+
top: 0px;
|
|
21
23
|
transition: opacity 0.3s ease;
|
|
22
24
|
opacity: 1;
|
|
23
|
-
|
|
24
|
-
opacity: 0;
|
|
25
|
-
}
|
|
25
|
+
background-color: getColor('background');
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.arrow-prev {
|
|
@@ -60,6 +60,11 @@ $height-arrow-small:30px;
|
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
}
|
|
63
|
+
|
|
64
|
+
.arrow-prev, .arrow-next {
|
|
65
|
+
background-color: getColor('font');
|
|
66
|
+
}
|
|
67
|
+
|
|
63
68
|
}
|
|
64
69
|
|
|
65
70
|
&:has(.tab-list.is-aligned-start) {
|
|
@@ -78,11 +83,6 @@ $height-arrow-small:30px;
|
|
|
78
83
|
overflow-y: hidden;
|
|
79
84
|
max-width: 100%;
|
|
80
85
|
|
|
81
|
-
&.is-arrows{
|
|
82
|
-
margin-left: $spacing-7;
|
|
83
|
-
margin-right: $spacing-7;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
86
|
&::-webkit-scrollbar {
|
|
87
87
|
width: 0 !important;
|
|
88
88
|
height: 0 !important;
|
|
@@ -104,13 +104,13 @@ $height-arrow-small:30px;
|
|
|
104
104
|
|
|
105
105
|
@include mobile {
|
|
106
106
|
justify-content: flex-start;
|
|
107
|
-
> .tab:first-child {
|
|
108
|
-
margin-left: 24px;
|
|
109
|
-
}
|
|
110
107
|
}
|
|
111
108
|
|
|
112
109
|
&:has(.tab .icon) {
|
|
113
110
|
height: 64px;
|
|
111
|
+
.arrow-prev, .arrow-next {
|
|
112
|
+
height: 60px;
|
|
113
|
+
}
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
> .tab {
|
|
@@ -176,20 +176,12 @@ $height-arrow-small:30px;
|
|
|
176
176
|
|
|
177
177
|
|
|
178
178
|
&.is-small{
|
|
179
|
-
.arrow-prev, .arrow-next {
|
|
180
|
-
top: calc(($height-tab-default / 2) - calc($height-arrow-small / 2) ) !important;
|
|
181
|
-
}
|
|
182
179
|
|
|
183
180
|
.tab-list {
|
|
184
181
|
& > .tab {
|
|
185
182
|
font-size: $text-14 ;
|
|
186
183
|
padding: 12px 16px;
|
|
187
184
|
}
|
|
188
|
-
|
|
189
|
-
&.is-arrows{
|
|
190
|
-
margin-left: $spacing-6;
|
|
191
|
-
margin-right: $spacing-6;
|
|
192
|
-
}
|
|
193
185
|
}
|
|
194
186
|
}
|
|
195
187
|
|