woocommerce/plugins/woocommerce-blocks/assets/js/base/components/radio-control/style.scss

49 lines
1.0 KiB
SCSS

.wc-block-radio-control__option {
border-bottom: 1px solid $core-grey-light-600;
display: block;
padding: $gap-small $gap-small 0 ($gap-larger * 2);
position: relative;
}
.wc-block-radio-control__option-layout {
border-bottom: 1px solid $core-grey-light-600;
display: flex;
flex-wrap: wrap;
padding-bottom: $gap-small;
padding-left: $gap-large;
justify-content: space-between;
}
.wc-block-radio-control__option .wc-block-radio-control__option-layout {
border-bottom: 0;
padding-left: 0;
}
.wc-block-radio-control__input {
position: absolute;
left: $gap-large;
top: $gap-large;
}
.wc-block-radio-control__label,
.wc-block-radio-control__secondary-label {
font-size: 16px;
line-height: 24px;
color: $core-grey-dark-600;
flex-basis: 50%;
}
.wc-block-radio-control__description,
.wc-block-radio-control__secondary-description {
font-size: 14px;
line-height: 20px;
color: $core-grey-dark-400;
flex-basis: 50%;
}
.wc-block-radio-control__secondary-label,
.wc-block-radio-control__secondary-description {
text-align: right;
}