woocommerce/plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-pickup-options-block/style.scss

81 lines
1.9 KiB
SCSS
Raw Normal View History

.wc-block-checkout__pickup-options,
.wp-block-woocommerce-checkout-pickup-options-block {
.wc-block-components-local-pickup-rates-control {
.wc-block-components-radio-control__option {
margin: 0;
padding: em($gap-small) em($gap-small) em($gap-small) em($gap-huge);
}
.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;
}
}
.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 {
.read-more-content {
margin-left: em($gap-small * 0.25);
position: initial;
visibility: visible;
z-index: initial;
hyphens: auto;
word-break: normal;
}
}
}
.wc-block-components-radio-control__description-group {
display: block;
width: calc(100% + em($gap-huge / 0.875));
box-sizing: border-box;
border-radius: $universal-border-radius;
padding: 1px em($gap-small);
margin-left: -(em($gap-huge));
margin-top: em($gap-smaller);
@include font-size(regular);
.read-more-content {
position: absolute;
visibility: hidden;
z-index: -1;
}
}
.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__description {
color: $gray-700;
> svg {
vertical-align: middle;
margin-top: -4px;
fill: currentColor;
}
}
}
}