holygrail2 1.1.93 → 1.1.95
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/package.json +1 -1
- package/scss/base/_helpers.scss +19 -12
- package/scss/elements/_tabs.scss +83 -0
package/package.json
CHANGED
package/scss/base/_helpers.scss
CHANGED
|
@@ -250,10 +250,10 @@ b {
|
|
|
250
250
|
hr {
|
|
251
251
|
width: 100%;
|
|
252
252
|
margin: 0;
|
|
253
|
-
border-top:
|
|
254
|
-
border-bottom:
|
|
255
|
-
border-left:
|
|
256
|
-
border-right:
|
|
253
|
+
border-top: var(--line-width) solid $c-primary;
|
|
254
|
+
border-bottom: var(--line-width) solid transparent;
|
|
255
|
+
border-left: var(--line-width) solid transparent;
|
|
256
|
+
border-right: var(--line-width) solid transparent;
|
|
257
257
|
}
|
|
258
258
|
.only-mobile {
|
|
259
259
|
display: inline-block;
|
|
@@ -754,28 +754,31 @@ strong {
|
|
|
754
754
|
}
|
|
755
755
|
/* Track */
|
|
756
756
|
&::-webkit-scrollbar-track {
|
|
757
|
-
background:
|
|
757
|
+
background-color: rgba(0, 0, 0, 0.1);
|
|
758
758
|
-webkit-border-radius: 10px;
|
|
759
|
-
border-radius:
|
|
759
|
+
border-radius: 10px;
|
|
760
760
|
}
|
|
761
761
|
/* Handle */
|
|
762
762
|
&::-webkit-scrollbar-thumb {
|
|
763
763
|
-webkit-border-radius: 10px;
|
|
764
764
|
border-radius: 10px;
|
|
765
|
-
background:
|
|
765
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
766
766
|
}
|
|
767
767
|
&::-webkit-scrollbar-thumb:window-inactive {
|
|
768
|
-
background:
|
|
768
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
769
769
|
}
|
|
770
770
|
}
|
|
771
|
+
|
|
772
|
+
|
|
771
773
|
.min-scrollcustom-y {
|
|
772
774
|
overflow: auto;
|
|
773
775
|
&::-webkit-scrollbar {
|
|
774
|
-
width:
|
|
776
|
+
width: 1px;
|
|
775
777
|
}
|
|
776
778
|
/* Track */
|
|
777
779
|
&::-webkit-scrollbar-track {
|
|
778
|
-
background:
|
|
780
|
+
background-color: rgba(0, 0, 0, 0.1);
|
|
781
|
+
|
|
779
782
|
-webkit-border-radius: 10px;
|
|
780
783
|
border-radius: 0;
|
|
781
784
|
}
|
|
@@ -783,12 +786,16 @@ strong {
|
|
|
783
786
|
&::-webkit-scrollbar-thumb {
|
|
784
787
|
-webkit-border-radius: 10px;
|
|
785
788
|
border-radius: 10px;
|
|
786
|
-
background:
|
|
789
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
790
|
+
|
|
787
791
|
}
|
|
788
792
|
&::-webkit-scrollbar-thumb:window-inactive {
|
|
789
|
-
background:
|
|
793
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
794
|
+
|
|
790
795
|
}
|
|
791
796
|
}
|
|
797
|
+
|
|
798
|
+
|
|
792
799
|
.min-scrollcustom-x {
|
|
793
800
|
overflow: auto;
|
|
794
801
|
&::-webkit-scrollbar {
|
package/scss/elements/_tabs.scss
CHANGED
|
@@ -79,6 +79,88 @@
|
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
.tabs2 {
|
|
85
|
+
ul {
|
|
86
|
+
display: flex;
|
|
87
|
+
|
|
88
|
+
margin: 0;
|
|
89
|
+
flex-grow: 1;
|
|
90
|
+
flex-shrink: 0;
|
|
91
|
+
&.content-start {
|
|
92
|
+
justify-content: flex-start;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
&.content-center {
|
|
96
|
+
align-items: center;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
li {
|
|
101
|
+
display: block;
|
|
102
|
+
margin: 0;
|
|
103
|
+
padding-block: 8px;
|
|
104
|
+
|
|
105
|
+
a,
|
|
106
|
+
span,
|
|
107
|
+
.tab {
|
|
108
|
+
display: flex;
|
|
109
|
+
justify-content: center;
|
|
110
|
+
align-items: center;
|
|
111
|
+
vertical-align: top;
|
|
112
|
+
|
|
113
|
+
cursor: pointer;
|
|
114
|
+
padding-inline: 20px;
|
|
115
|
+
line-height: 1;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
&.is-active {
|
|
119
|
+
position: relative;
|
|
120
|
+
|
|
121
|
+
&::after {
|
|
122
|
+
content: '';
|
|
123
|
+
position: absolute;
|
|
124
|
+
width: 4px;
|
|
125
|
+
height: 4px;
|
|
126
|
+
background-color: $c-primary;
|
|
127
|
+
bottom: -8px;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
&::after {
|
|
132
|
+
display: none;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
&.tabs-resetfirst ul li:first-child a {
|
|
137
|
+
padding: 0 20px 0 0;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
&.is-center ul {
|
|
141
|
+
justify-content: center;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
&.is-around ul {
|
|
145
|
+
justify-content: space-around;
|
|
146
|
+
|
|
147
|
+
li {
|
|
148
|
+
flex: 1;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.list-equal {
|
|
153
|
+
display: flex;
|
|
154
|
+
align-items: flex-end;
|
|
155
|
+
|
|
156
|
+
li {
|
|
157
|
+
flex-grow: 1;
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
|
|
82
164
|
.tabs-inline {
|
|
83
165
|
ul {
|
|
84
166
|
display: flex;
|
|
@@ -230,6 +312,7 @@
|
|
|
230
312
|
}
|
|
231
313
|
}
|
|
232
314
|
|
|
315
|
+
|
|
233
316
|
.has-light {
|
|
234
317
|
.tabs {
|
|
235
318
|
.is-active a,
|