Skip to content

Commit 886f3aa

Browse files
authored
Add transparent pseudo-element for border
1 parent a463271 commit 886f3aa

1 file changed

Lines changed: 14 additions & 0 deletions

File tree

src/wp-includes/css/buttons.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -194,6 +194,7 @@ TABLE OF CONTENTS:
194194
color: var(--wp-admin-theme-color-darker-20, #183ad6);
195195
border-color: var(--wp-admin-theme-color, #3858e9);
196196
box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20);
197+
position: relative;
197198
}
198199

199200
.wp-core-ui .button.active:focus {
@@ -203,6 +204,19 @@ TABLE OF CONTENTS:
203204
box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20), 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
204205
}
205206

207+
/* Only visible in Windows High Contrast mode */
208+
.wp-core-ui .button.active:before {
209+
content: "";
210+
display: block;
211+
position: absolute;
212+
width: 100%;
213+
height: 100%;
214+
border: 1px solid transparent;
215+
border-bottom-width: 3px;
216+
left: 0;
217+
box-sizing: border-box;
218+
}
219+
206220
.wp-core-ui .button[disabled],
207221
.wp-core-ui .button:disabled,
208222
.wp-core-ui .button.disabled,

0 commit comments

Comments
 (0)