Skip to content

Commit 51bc1bf

Browse files
committed
Cebtralize remaining Woo overrides
1 parent 8899f24 commit 51bc1bf

File tree

2 files changed

+30
-32
lines changed

2 files changed

+30
-32
lines changed

client/assets/stylesheets/_wp-components-overrides.scss

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,36 @@
120120
&:focus:not(:disabled) {
121121
--wp-components-color-accent: var(--woo-purple-60);
122122
}
123+
124+
&.is-primary,
125+
&.social-buttons__button {
126+
border-radius: 8px; /* stylelint-disable-line scales/radii */
127+
font-size: 1rem;
128+
font-weight: 500;
129+
height: 48px;
130+
}
131+
132+
&.social-buttons__button {
133+
&:focus:not(:disabled) {
134+
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 2px var(--wp-components-color-accent);
135+
}
136+
}
137+
138+
&.is-primary {
139+
&:focus:not(:disabled) {
140+
box-shadow: 0 0 0 2px var(--wp-components-color-accent);
141+
}
142+
143+
&:disabled {
144+
--wp-components-color-accent: var(--studio-gray-5);
145+
146+
color: var(--studio-gray-50);
147+
}
148+
149+
.components-spinner {
150+
margin-top: 0;
151+
}
152+
}
123153
}
124154
}
125155

client/layout/masterbar/woo.scss

Lines changed: 0 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1291,38 +1291,6 @@ $breakpoint-mobile: 660px;
12911291
}
12921292
}
12931293

1294-
.components-button {
1295-
&.is-primary,
1296-
&.social-buttons__button {
1297-
border-radius: 8px; /* stylelint-disable-line scales/radii */
1298-
font-size: 1rem;
1299-
font-weight: 500;
1300-
height: 48px;
1301-
}
1302-
1303-
&.social-buttons__button {
1304-
&:focus:not(:disabled) {
1305-
box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 2px var(--wp-components-color-accent);
1306-
}
1307-
}
1308-
1309-
&.is-primary {
1310-
&:focus:not(:disabled) {
1311-
box-shadow: 0 0 0 2px var(--wp-components-color-accent);
1312-
}
1313-
1314-
&:disabled {
1315-
--color-accent: var(--studio-gray-5);
1316-
1317-
color: var(--studio-gray-50);
1318-
}
1319-
1320-
.components-spinner {
1321-
margin-top: 0;
1322-
}
1323-
}
1324-
}
1325-
13261294
input[type="text"].form-text-input,
13271295
input[type="email"].form-text-input,
13281296
input[type="password"].form-text-input,

0 commit comments

Comments
 (0)