Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Increase CSS specificity for local pickup address #11772

Merged
merged 4 commits into from
Nov 20, 2023
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,66 +1,68 @@
.wc-block-checkout__pickup-options,
.wp-block-woocommerce-checkout-pickup-options-block {
.wc-block-components-radio-control__option {
@include with-translucent-border(0 0 1px);
margin: 0;
padding: em($gap-small) 0 em($gap-small) em($gap-largest);
}
.wc-block-components-shipping-rates-control__no-results-notice {
margin: em($gap-small) 0;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input {
top: auto;
transform: none;
margin-top: 1px;
}
.wc-block-components-radio-control__option-layout {
display: block;
}
.wc-block-components-radio-control__label-group {
width: 100%;
display: flex;
.wc-block-components-local-pickup-rates-control {
.wc-block-components-radio-control__option {
@include with-translucent-border(0 0 1px);
margin: 0;
padding: em($gap-small) 0 em($gap-small) em($gap-largest);
}
.wc-block-components-shipping-rates-control__no-results-notice {
margin: em($gap-small) 0;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input {
top: auto;
transform: none;
margin-top: 1px;
}
.wc-block-components-radio-control__option-layout {
display: block;
}
.wc-block-components-radio-control__label-group {
width: 100%;
display: flex;

> :last-child {
margin-left: auto;
> :last-child {
margin-left: auto;
}
}
}
.wc-block-components-radio-control__description-group {
display: none;
}
.wc-block-components-radio-control__option-checked {
.wc-block-components-radio-control__description-group {
display: block;
display: none;
}
}
.wc-block-components-radio-control__label-group {
em {
text-transform: uppercase;
font-style: inherit;
.wc-block-components-radio-control__option-checked {
.wc-block-components-radio-control__description-group {
display: block;
}
}
}
.wc-block-components-radio-control__description-group {
width: 100%;
box-sizing: border-box;
background-color: $gray-100;
border-radius: $universal-border-radius;
padding: 1px em($gap-small);
margin-top: em($gap-smaller);
@include font-size(regular);
}
.wc-block-components-radio-control__description,
.wc-block-components-radio-control__secondary-description {
width: 100%;
text-align: left;
margin: em($gap-small) 0;
display: block;
}
.wc-block-components-radio-control__secondary-description {
color: $gray-700;
.wc-block-components-radio-control__label-group {
em {
text-transform: uppercase;
font-style: inherit;
}
}
.wc-block-components-radio-control__description-group {
width: 100%;
box-sizing: border-box;
background-color: $gray-100;
border-radius: $universal-border-radius;
padding: 1px em($gap-small);
margin-top: em($gap-smaller);
@include font-size(regular);
}
.wc-block-components-radio-control__description,
.wc-block-components-radio-control__secondary-description {
width: 100%;
text-align: left;
margin: em($gap-small) 0;
display: block;
}
.wc-block-components-radio-control__secondary-description {
color: $gray-700;

> svg {
vertical-align: middle;
margin-top: -4px;
fill: currentColor;
> svg {
vertical-align: middle;
margin-top: -4px;
fill: currentColor;
}
}
}
}
Loading