Skip to content
This repository was archived by the owner on Apr 28, 2025. It is now read-only.

Commit e79d77e

Browse files
ianmcburnieianmcburnie
authored
Merge pull request #251 from eBay/5.1.0
2 parents bf25968 + 5567c49 commit e79d77e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

63 files changed

+1955
-322
lines changed

‎dist/breadcrumb/ds6/breadcrumb.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,3 +33,8 @@
3333
content: '';
3434
margin: 0 5px 0 10px;
3535
}
36+
@media screen and (-ms-high-contrast: white-on-black) {
37+
.breadcrumb li:not(:last-of-type)::after {
38+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyMSIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTS4zNTEuMzQyQy4xMjUuNTYyLjAwOC44NDkgMCAxLjEzOHYuMDU2Yy4wMDcuMjkuMTI0LjU3OC4zNTEuNzk4TDkuMTAyIDEwLjUuMzUxIDE5LjAwOGMtLjIyNi4yMi0uMzQzLjUwOS0uMzUxLjc5OHYuMDU1Yy4wMDcuMjkuMTI0LjU3Ni4zNTEuNzk3LjIyNS4yMTkuNTE2LjMzMS44MS4zNDJoLjA3OGMuMjk0LS4wMS41ODUtLjEyMy44MS0uMzQybDkuNi05LjMzM2MuMjI3LS4yMi4zNDQtLjUwOC4zNTEtLjc5OHYtLjA1NGExLjE1OCAxLjE1OCAwIDAgMC0uMzUxLS44bC05LjYtOS4zM0ExLjIxNiAxLjIxNiAwIDAgMCAxLjIgMEMuODkzIDAgLjU4NS4xMTQuMzUxLjM0MnoiLz48L3N2Zz4=');
39+
}
40+
}

‎dist/button/ds6/button.css‎

Lines changed: 65 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,29 @@ a.cta-btn:hover {
3232
a.cta-btn:focus {
3333
outline: 0 none;
3434
}
35+
button.expand-btn {
36+
background-color: #fff;
37+
border-color: #c7c7c7;
38+
color: #111820;
39+
}
40+
button.expand-btn:active {
41+
border-color: #111820;
42+
}
43+
button.expand-btn[aria-expanded="true"] .expand-btn__icon {
44+
-webkit-transform: rotate(180deg);
45+
transform: rotate(180deg);
46+
}
47+
button.expand-btn[disabled],
48+
button.expand-btn[aria-disabled="true"] {
49+
border-color: #c7c7c7;
50+
color: #c7c7c7;
51+
}
52+
button.expand-btn[disabled] span.expand-btn__icon,
53+
button.expand-btn[aria-disabled="true"] span.expand-btn__icon {
54+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxMiIgZmlsbD0iI2M3YzdjNyI+PHBhdGggZD0iTTE5LjAwNi4zNTFMMTAuNSA5LjEwNCAxLjk5Mi4zNWExLjE0OSAxLjE0OSAwIDAgMC0xLjY1MSAwQTEuMjI2IDEuMjI2IDAgMCAwIDAgMS4xNTJ2LjA5NmMuMDEyLjI5MS4xMjYuNTc5LjM0LjgwMWw5LjMzNSA5LjZjLjIyLjIyNy41MDguMzQ0Ljc5Ni4zNTFoLjA1N2MuMjg4LS4wMDguNTc2LS4xMjQuNzk3LS4zNTFsOS4zMzMtOS42YTEuMjEgMS4yMSAwIDAgMCAuMzQyLS44MXYtLjA3OGExLjIxIDEuMjEgMCAwIDAtLjM0Mi0uODEgMS4xNDggMS4xNDggMCAwIDAtMS42NTIgMHoiLz48L3N2Zz4=');
55+
height: 100%;
56+
width: 9px;
57+
}
3558
button.btn--small,
3659
button.expand-btn--small,
3760
a.fake-btn--small {
@@ -47,23 +70,29 @@ a.cta-btn--large {
4770
line-height: 48px;
4871
}
4972
button.btn--primary,
73+
button.expand-btn--primary,
5074
a.fake-btn--primary {
5175
background-color: #006efc;
5276
border-color: #006efc;
5377
color: #fff;
5478
font-weight: bold;
5579
}
5680
button.btn--primary:focus,
81+
button.expand-btn--primary:focus,
5782
a.fake-btn--primary:focus,
58-
button.btn--primary:hover,
59-
a.fake-btn--primary:hover,
83+
button.btn--primary:hover:not([disabled]):not([aria-disabled="true"]),
84+
button.expand-btn--primary:hover:not([disabled]):not([aria-disabled="true"]),
85+
a.fake-btn--primary:hover:not([disabled]):not([aria-disabled="true"]),
6086
button.btn--primary:active,
87+
button.expand-btn--primary:active,
6188
a.fake-btn--primary:active {
6289
background-color: #10299c;
6390
border-color: #10299c;
6491
}
6592
button.btn--primary[disabled],
66-
button.btn--primary[aria-disabled="true"] {
93+
button.expand-btn--primary[disabled],
94+
button.btn--primary[aria-disabled="true"],
95+
button.expand-btn--primary[aria-disabled="true"] {
6796
background-color: #c7c7c7;
6897
border-color: #c7c7c7;
6998
color: #fff;
@@ -78,41 +107,26 @@ a.fake-btn--primary[aria-disabled="true"] {
78107
color: #fff;
79108
}
80109
button.btn--secondary,
110+
button.expand-btn--secondary,
81111
a.fake-btn--secondary {
82112
background-color: #fff;
83113
border-color: #006efc;
84114
color: #006efc;
85115
}
86116
button.btn--secondary:focus,
117+
button.expand-btn--secondary:focus,
87118
a.fake-btn--secondary:focus,
88-
button.btn--secondary:hover,
89-
a.fake-btn--secondary:hover,
119+
button.btn--secondary:hover:not([disabled]):not([aria-disabled="true"]),
120+
button.expand-btn--secondary:hover:not([disabled]):not([aria-disabled="true"]),
121+
a.fake-btn--secondary:hover:not([disabled]):not([aria-disabled="true"]),
90122
button.btn--secondary:active,
123+
button.expand-btn--secondary:active,
91124
a.fake-btn--secondary:active {
92125
border-color: #10299c;
93126
color: #10299c;
94127
}
95-
button.expand-btn {
96-
background-color: #fff;
97-
border-color: #c7c7c7;
98-
color: #111820;
99-
}
100-
button.expand-btn:active {
101-
border-color: #111820;
102-
}
103-
button.expand-btn[aria-expanded="true"] .expand-btn__icon {
104-
-webkit-transform: rotate(180deg);
105-
transform: rotate(180deg);
106-
}
107-
button.expand-btn[disabled] span.expand-btn__icon {
108-
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxMiIgZmlsbD0iI2M3YzdjNyI+PHBhdGggZD0iTTE5LjAwNi4zNTFMMTAuNSA5LjEwNCAxLjk5Mi4zNWExLjE0OSAxLjE0OSAwIDAgMC0xLjY1MSAwQTEuMjI2IDEuMjI2IDAgMCAwIDAgMS4xNTJ2LjA5NmMuMDEyLjI5MS4xMjYuNTc5LjM0LjgwMWw5LjMzNSA5LjZjLjIyLjIyNy41MDguMzQ0Ljc5Ni4zNTFoLjA1N2MuMjg4LS4wMDguNTc2LS4xMjQuNzk3LS4zNTFsOS4zMzMtOS42YTEuMjEgMS4yMSAwIDAgMCAuMzQyLS44MXYtLjA3OGExLjIxIDEuMjEgMCAwIDAtLjM0Mi0uODEgMS4xNDggMS4xNDggMCAwIDAtMS42NTIgMHoiLz48L3N2Zz4=');
109-
height: 100%;
110-
width: 9px;
111-
}
112128
button.btn--secondary[disabled],
113-
button.expand-btn[disabled],
114-
button.btn--secondary[aria-disabled="true"],
115-
button.expand-btn[aria-disabled="true"] {
129+
button.btn--secondary[aria-disabled="true"] {
116130
border-color: #c7c7c7;
117131
color: #c7c7c7;
118132
}
@@ -254,14 +268,21 @@ a.cta-btn--fluid {
254268
.expand-btn__icon:last-child {
255269
margin-left: 8px;
256270
}
257-
svg.cta-btn__icon {
271+
svg.cta-btn__icon,
272+
svg.expand-btn__icon {
258273
color: inherit;
259274
fill: currentColor;
260-
height: 10px;
261275
stroke: currentColor;
262276
stroke-width: 0;
277+
}
278+
svg.cta-btn__icon {
279+
height: 10px;
263280
width: 9.75px;
264281
}
282+
svg.expand-btn__icon {
283+
height: 5.2px;
284+
width: 9px;
285+
}
265286
span.expand-btn__icon {
266287
background-repeat: no-repeat;
267288
background-size: contain;
@@ -281,3 +302,20 @@ span.expand-btn__icon:only-child {
281302
display: flex;
282303
margin: 0;
283304
}
305+
button.expand-btn--primary span.expand-btn__icon,
306+
button.expand-btn--primary[disabled] span.expand-btn__icon,
307+
button.expand-btn--primary[aria-disabled="true"] span.expand-btn__icon {
308+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjEuNiIgaGVpZ2h0PSIxMi41OCIgdmlld0JveD0iMS4zNSA1LjcgMjEuNiAxMi41OCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyLjE4NiAxOC4yODVjLS40NTEtLjAwOS0uODA5LS4xNjctMS4wNzUtLjQ0MWwtOS4zMzctOS42YTEuNTI3IDEuNTI3IDAgMCAxLS40MjQtLjk5OXYtLjEwOGMuMDE1LS4zODYuMTY2LS43NDEuNDI0LTEuMDA4LjU2LS41NzMgMS41MjktLjU3IDIuMDgyIDBsOC4yOTQgOC41MyA4LjI5Mi04LjUzMmMuNTU4LS41NyAxLjUyNi0uNTcgMi4wOCAwIC4yNjUuMjcuNDE2LjYyOS40MjggMS4wMXYuMDg3Yy0uMDEyLjM5MS0uMTY1Ljc1LS40MjcgMS4wMmwtOS4zMzMgOS42YTEuNDQzIDEuNDQzIDAgMCAxLTEuMDA0LjQ0MSIvPjwvc3ZnPg==');
309+
}
310+
button.expand-btn--secondary span.expand-btn__icon {
311+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCiAgd2lkdGg9IjIxLjYiIGhlaWdodD0iMTIuNTgiIHZpZXdCb3g9IjEuMzUgNS43IDIxLjYgMTIuNTgiPjxwYXRoIGZpbGw9IiMwMDZlZmMiIGQ9Ik0xMi4xODYgMTguMjg1Yy0uNDUxLS4wMDktLjgwOS0uMTY3LTEuMDc1LS40NDFsLTkuMzM3LTkuNmExLjUyNyAxLjUyNyAwIDAgMS0uNDI0LS45OTl2LS4xMDhjLjAxNS0uMzg2LjE2Ni0uNzQxLjQyNC0xLjAwOC41Ni0uNTczIDEuNTI5LS41NyAyLjA4MiAwbDguMjk0IDguNTMgOC4yOTItOC41MzJjLjU1OC0uNTcgMS41MjYtLjU3IDIuMDggMCAuMjY1LjI3LjQxNi42MjkuNDI4IDEuMDF2LjA4N2MtLjAxMi4zOTEtLjE2NS43NS0uNDI3IDEuMDJsLTkuMzMzIDkuNmExLjQ0MyAxLjQ0MyAwIDAgMS0xLjAwNC40NDEiLz48L3N2Zz4=');
312+
}
313+
button.expand-btn--secondary:focus span.expand-btn__icon,
314+
button.expand-btn--secondary:hover:not([disabled]):not([aria-disabled="true"]) span.expand-btn__icon {
315+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCiAgd2lkdGg9IjIxLjYiIGhlaWdodD0iMTIuNTgiIHZpZXdCb3g9IjEuMzUgNS43IDIxLjYgMTIuNTgiPjxwYXRoIGZpbGw9IiMxMDI5OWMiIGQ9Ik0xMi4xODYgMTguMjg1Yy0uNDUxLS4wMDktLjgwOS0uMTY3LTEuMDc1LS40NDFsLTkuMzM3LTkuNmExLjUyNyAxLjUyNyAwIDAgMS0uNDI0LS45OTl2LS4xMDhjLjAxNS0uMzg2LjE2Ni0uNzQxLjQyNC0xLjAwOC41Ni0uNTczIDEuNTI5LS41NyAyLjA4MiAwbDguMjk0IDguNTMgOC4yOTItOC41MzJjLjU1OC0uNTcgMS41MjYtLjU3IDIuMDggMCAuMjY1LjI3LjQxNi42MjkuNDI4IDEuMDF2LjA4N2MtLjAxMi4zOTEtLjE2NS43NS0uNDI3IDEuMDJsLTkuMzMzIDkuNmExLjQ0MyAxLjQ0MyAwIDAgMS0xLjAwNC40NDEiLz48L3N2Zz4=');
316+
}
317+
@media screen and (-ms-high-contrast: white-on-black) {
318+
span.expand-btn__icon {
319+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjEuNiIgaGVpZ2h0PSIxMi41OCIgdmlld0JveD0iMS4zNSA1LjcgMjEuNiAxMi41OCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyLjE4NiAxOC4yODVjLS40NTEtLjAwOS0uODA5LS4xNjctMS4wNzUtLjQ0MWwtOS4zMzctOS42YTEuNTI3IDEuNTI3IDAgMCAxLS40MjQtLjk5OXYtLjEwOGMuMDE1LS4zODYuMTY2LS43NDEuNDI0LTEuMDA4LjU2LS41NzMgMS41MjktLjU3IDIuMDgyIDBsOC4yOTQgOC41MyA4LjI5Mi04LjUzMmMuNTU4LS41NyAxLjUyNi0uNTcgMi4wOCAwIC4yNjUuMjcuNDE2LjYyOS40MjggMS4wMXYuMDg3Yy0uMDEyLjM5MS0uMTY1Ljc1LS40MjcgMS4wMmwtOS4zMzMgOS42YTEuNDQzIDEuNDQzIDAgMCAxLTEuMDA0LjQ0MSIvPjwvc3ZnPg==');
320+
}
321+
}

‎dist/checkbox/ds6/checkbox.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,3 +72,11 @@
7272
vertical-align: middle;
7373
width: 1.125rem;
7474
}
75+
@media screen and (-ms-high-contrast: white-on-black) {
76+
.checkbox__control[type="checkbox"]:checked + .checkbox__icon:not([hidden]) {
77+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCiAgd2lkdGg9IjE1Ljc3IiBoZWlnaHQ9IjE1LjgiIHZpZXdCb3g9IjQuMTIgNC4xIDE1Ljc3IDE1LjgiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00LjExNiAxOS45VjQuMWgxNS43Njh2MTUuOEg0LjExNnptNC4yOC03Ljc4MmEuNzI1LjcyNSAwIDAgMC0xLjA2IDAgLjgxNi44MTYgMCAwIDAgMCAxLjExNGwyLjk5OCAzLjAxM2EuNzI1LjcyNSAwIDAgMCAxLjA2MSAwbDYuMDAxLTYuM2EuODE2LjgxNiAwIDAgMCAwLTEuMTE0LjcyNS43MjUgMCAwIDAtMS4wNiAwbC01LjQ3MSA1Ljc0NC0yLjQ2OS0yLjQ1N3oiLz48L3N2Zz4=');
78+
}
79+
.checkbox__icon:not([hidden]) {
80+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCiAgd2lkdGg9IjE1Ljc3IiBoZWlnaHQ9IjE1LjgiIHZpZXdCb3g9IjQuMTIgNC4xIDE1Ljc3IDE1LjgiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xOC41NiA1LjI1SDUuNDRhLjE5LjE5IDAgMCAwLS4xOS4xODd2MTMuMTI2YS4xOS4xOSAwIDAgMCAuMTkuMTg3aDEzLjEyYS4xOS4xOSAwIDAgMCAuMTktLjE4N1Y1LjQzN2EuMTkuMTkgMCAwIDAtLjE5LS4xODd6TTQuMTE2IDE5LjloMTUuNzY4VjQuMUg0LjExNnYxNS44eiIvPjwvc3ZnPg==');
81+
}
82+
}

‎dist/combobox/ds6/combobox.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -69,3 +69,9 @@ span.combobox__icon {
6969
background-color: transparent;
7070
border-color: transparent;
7171
}
72+
@media screen and (-ms-high-contrast: white-on-black) {
73+
span.combobox__icon {
74+
background-color: transparent;
75+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjEuNiIgaGVpZ2h0PSIxMi41OCIgdmlld0JveD0iMS4zNSA1LjcgMjEuNiAxMi41OCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyLjE4NiAxOC4yODVjLS40NTEtLjAwOS0uODA5LS4xNjctMS4wNzUtLjQ0MWwtOS4zMzctOS42YTEuNTI3IDEuNTI3IDAgMCAxLS40MjQtLjk5OXYtLjEwOGMuMDE1LS4zODYuMTY2LS43NDEuNDI0LTEuMDA4LjU2LS41NzMgMS41MjktLjU3IDIuMDgyIDBsOC4yOTQgOC41MyA4LjI5Mi04LjUzMmMuNTU4LS41NyAxLjUyNi0uNTcgMi4wOCAwIC4yNjUuMjcuNDE2LjYyOS40MjggMS4wMXYuMDg3Yy0uMDEyLjM5MS0uMTY1Ljc1LS40MjcgMS4wMmwtOS4zMzMgOS42YTEuNDQzIDEuNDQzIDAgMCAxLTEuMDA0LjQ0MSIvPjwvc3ZnPg==');
76+
}
77+
}

‎dist/dialog/ds6/dialog.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -190,3 +190,8 @@
190190
[hidden] {
191191
display: none;
192192
}
193+
@media screen and (-ms-high-contrast: white-on-black) {
194+
.dialog__close span {
195+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCiAgd2lkdGg9IjIxIiBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIxLjUgMS41IDIxIDIxIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjIuMTgyIDMuODU2Yy41MjItLjU1NC4zMDYtMS4zOTQtLjIzNC0xLjkzOC0uNTQtLjU0My0xLjQzMy0uNTIzLTEuODI2LS4xMzVDMTkuNzMgMi4xNyAxMS45NTUgMTAgMTEuOTU1IDEwUzQuMjI1IDIuMTU0IDMuNzkgMS43ODNjLS40MzgtLjM3MS0xLjI3Ny0uNC0xLjgxLjEzNS0uNTMzLjUzNy0uNjI4IDEuNTEzLS4yNSAxLjkzOC4zNzcuNDI0IDguMTY2IDguMjE4IDguMTY2IDguMjE4cy03Ljg1IDcuODY0LTguMTY2IDguMjE5Yy0uMzE3LjM1NC0uMzQgMS4zMzUuMjUgMS44MDUuNTkuNDcgMS4yNC40NTUgMS44MSAwIC41NjgtLjQ1NiA4LjE2Ni03Ljk1MSA4LjE2Ni03Ljk1MWw4LjE2NyA3Ljg2Yy43NDcuNzIgMS41MDQuNTYzIDEuOTYuMDkuNDU2LS40NzEuNjA5LTEuMjY4LjEtMS44MDQtLjUwOC0uNTM3LTguMTY3LTguMjE5LTguMTY3LTguMjE5czcuNjQ1LTcuNjY1IDguMTY3LTguMjE4eiIvPjwvc3ZnPg==');
196+
}
197+
}

‎dist/dropdown/ds6/dropdown.css‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,13 @@ span.fake-menu__status {
178178
flex-shrink: 0;
179179
pointer-events: none;
180180
}
181+
@media screen and (-ms-high-contrast: white-on-black) {
182+
span.menu__status,
183+
span.combobox__status,
184+
span.fake-menu__status {
185+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMuNSIgaGVpZ2h0PSIxMC4xMiIgdmlld0JveD0iNiA2LjQ1IDEzLjUgMTAuMTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik03LjY0NiAxMC45NzJhLjkzMi45MzIgMCAwIDAtMS4zNjQgMCAxLjA0OSAxLjA0OSAwIDAgMCAwIDEuNDMybDMuODU2IDMuODc0YS45MzIuOTMyIDAgMCAwIDEuMzY0IDBsNy43MTYtOC4xYTEuMDQ5IDEuMDQ5IDAgMCAwIDAtMS40MzEuOTMyLjkzMiAwIDAgMC0xLjM2NCAwTDEwLjgyIDE0LjEzbC0zLjE3NC0zLjE1OXoiLz48L3N2Zz4=');
186+
}
187+
}
181188
.menu__items--fix-width[role="menu"],
182189
.combobox__options--fix-width[role="listbox"],
183190
.fake-menu__items--fix-width {
@@ -259,3 +266,9 @@ span.combobox__icon {
259266
background-color: transparent;
260267
border-color: transparent;
261268
}
269+
@media screen and (-ms-high-contrast: white-on-black) {
270+
span.combobox__icon {
271+
background-color: transparent;
272+
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjEuNiIgaGVpZ2h0PSIxMi41OCIgdmlld0JveD0iMS4zNSA1LjcgMjEuNiAxMi41OCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyLjE4NiAxOC4yODVjLS40NTEtLjAwOS0uODA5LS4xNjctMS4wNzUtLjQ0MWwtOS4zMzctOS42YTEuNTI3IDEuNTI3IDAgMCAxLS40MjQtLjk5OXYtLjEwOGMuMDE1LS4zODYuMTY2LS43NDEuNDI0LTEuMDA4LjU2LS41NzMgMS41MjktLjU3IDIuMDgyIDBsOC4yOTQgOC41MyA4LjI5Mi04LjUzMmMuNTU4LS41NyAxLjUyNi0uNTcgMi4wOCAwIC4yNjUuMjcuNDE2LjYyOS40MjggMS4wMXYuMDg3Yy0uMDEyLjM5MS0uMTY1Ljc1LS40MjcgMS4wMmwtOS4zMzMgOS42YTEuNDQzIDEuNDQzIDAgMCAxLTEuMDA0LjQ0MSIvPjwvc3ZnPg==');
273+
}
274+
}

‎dist/grid/ds4/grid-full.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
Skin v5.0.2
2+
Skin v5.1.0
33
Copyright 2017 eBay! Inc. All rights reserved.
44
Licensed under the BSD License.
55
https://github.com/eBay/skin/blob/master/LICENSE.txt"

‎dist/label/ds6/label.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
.floating-label {
2+
margin-top: 10px;
3+
position: relative;
4+
}
5+
span.floating-label {
6+
display: inline-block;
7+
}
8+
div.floating-label {
9+
display: block;
10+
}
11+
label.floating-label__label {
12+
bottom: 6px;
13+
color: #767676;
14+
display: block;
15+
left: 0;
16+
pointer-events: none;
17+
position: absolute;
18+
-webkit-transform: scale(0.75, 0.75) translate(0, -26px);
19+
transform: scale(0.75, 0.75) translate(0, -26px);
20+
-webkit-transform-origin: left;
21+
transform-origin: left;
22+
z-index: 1;
23+
}
24+
label.floating-label__label--inline {
25+
font-size: 1rem;
26+
-webkit-transform: none;
27+
transform: none;
28+
}
29+
label.floating-label__label--disabled {
30+
color: #e5e5e5;
31+
}
32+
label.floating-label__label--animate {
33+
transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
34+
transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
35+
transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
36+
}

0 commit comments

Comments
 (0)