2022-10-18 16:31:06 +00:00
|
|
|
.wc-block-checkout__pickup-options,
|
|
|
|
.wp-block-woocommerce-checkout-pickup-options-block {
|
2023-11-20 13:07:00 +00:00
|
|
|
.wc-block-components-local-pickup-rates-control {
|
|
|
|
.wc-block-components-radio-control__option {
|
Update the border colors in the Cart and Checkout blocks (https://github.com/woocommerce/woocommerce-blocks/pull/11474)
* Change border color to Gutenberg 100 for Cart and Checkout blocks
* Change form input color to Gutenberg 900 for Cart and Checkout blocks
* Fix additional border colors of Checkout block
* Update borders and form field colors in Cart Block
* Change border color to $universal-border-light
* Change border color for cart line items to $universal-border-light
* Change form input fields border color to $universal-border-dark
- Add $universal-border-dark color variable for woocommerce/woocommerce-blocks#1e1e1e on white.
* Fix colors of text area border and form steps
* Change form input fields border color to $universal-border-dark
- Add $universal-border-dark color variable for woocommerce/woocommerce-blocks#1e1e1e on white.
* Fix form steps
* Update universal dark border rgba value
- Update universal dark border rgba value from rgba(0, 0, 0, 0.882) to rgba(17, 17, 17, .80) to keep it consistent with universal-border colors
* Update $universal-border-light color
* Update the opacity of the borders
* Update the border color to rgba (17, 17, 17, 0.12)
* Roll back $universal-border-light value to the original value: 0.115
* Remove Opacity and pass it as argument in with-translucent-border
- We have with-translucent-border option that accepts border and opacity for pseudo elements.
* Remove additional spaces
* Replace with-translucent-border with normal border
- Since we're are not mixing the opacity to the border color so we don't need to use mixin with-translucent-border.
* Fix applied css and add low contrast Color usage details
- Fix minor CSS as per the standards.
- Add comments for universal border colors that they're low contrast colors and should be used for decorative elements only
* Fix border gap and double border for multiple shipping packages
* Fix payment method borders and Cart line items borders
- Change border bottom to border-top for cart line items.
- Fix payment method radio control borders.
* Fix local pickup border
- Local pickup was using with-translucent-borders so it has some opacity, changed it to border-bottom.
* Add border-bottom to cart items
* Remove additional border from Cart items
* Fix radio and checkbox borders as per the design
* Fix shipping method borders and background color as per the design.
* Force align left on the description for the local pickup options.
* Update border color in quantity selector component
* Fix Shipping options radio selection alignment
- Add left padding to wc-block-components-shipping-rates-control__package element.
* Update colors and variables
* Change checkbox and radio button colors
- Change checkbox and radio button colors from rgba(25, 23, 17, 0.3) to rgba(25, 23, 17, 0.48).
* Remove bottom property from express payment style
2023-12-07 17:37:48 +00:00
|
|
|
border-bottom: 1px solid $universal-border-light;
|
2023-11-20 13:07:00 +00:00
|
|
|
margin: 0;
|
Update the border colors in the Cart and Checkout blocks (https://github.com/woocommerce/woocommerce-blocks/pull/11474)
* Change border color to Gutenberg 100 for Cart and Checkout blocks
* Change form input color to Gutenberg 900 for Cart and Checkout blocks
* Fix additional border colors of Checkout block
* Update borders and form field colors in Cart Block
* Change border color to $universal-border-light
* Change border color for cart line items to $universal-border-light
* Change form input fields border color to $universal-border-dark
- Add $universal-border-dark color variable for woocommerce/woocommerce-blocks#1e1e1e on white.
* Fix colors of text area border and form steps
* Change form input fields border color to $universal-border-dark
- Add $universal-border-dark color variable for woocommerce/woocommerce-blocks#1e1e1e on white.
* Fix form steps
* Update universal dark border rgba value
- Update universal dark border rgba value from rgba(0, 0, 0, 0.882) to rgba(17, 17, 17, .80) to keep it consistent with universal-border colors
* Update $universal-border-light color
* Update the opacity of the borders
* Update the border color to rgba (17, 17, 17, 0.12)
* Roll back $universal-border-light value to the original value: 0.115
* Remove Opacity and pass it as argument in with-translucent-border
- We have with-translucent-border option that accepts border and opacity for pseudo elements.
* Remove additional spaces
* Replace with-translucent-border with normal border
- Since we're are not mixing the opacity to the border color so we don't need to use mixin with-translucent-border.
* Fix applied css and add low contrast Color usage details
- Fix minor CSS as per the standards.
- Add comments for universal border colors that they're low contrast colors and should be used for decorative elements only
* Fix border gap and double border for multiple shipping packages
* Fix payment method borders and Cart line items borders
- Change border bottom to border-top for cart line items.
- Fix payment method radio control borders.
* Fix local pickup border
- Local pickup was using with-translucent-borders so it has some opacity, changed it to border-bottom.
* Add border-bottom to cart items
* Remove additional border from Cart items
* Fix radio and checkbox borders as per the design
* Fix shipping method borders and background color as per the design.
* Force align left on the description for the local pickup options.
* Update border color in quantity selector component
* Fix Shipping options radio selection alignment
- Add left padding to wc-block-components-shipping-rates-control__package element.
* Update colors and variables
* Change checkbox and radio button colors
- Change checkbox and radio button colors from rgba(25, 23, 17, 0.3) to rgba(25, 23, 17, 0.48).
* Remove bottom property from express payment style
2023-12-07 17:37:48 +00:00
|
|
|
padding: em($gap-small) 0 em($gap-small) em($gap-huge);
|
2023-11-20 13:07:00 +00:00
|
|
|
}
|
|
|
|
.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;
|
2022-10-11 15:46:59 +00:00
|
|
|
|
2023-11-20 13:07:00 +00:00
|
|
|
> :last-child {
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
2022-10-11 15:46:59 +00:00
|
|
|
}
|
|
|
|
.wc-block-components-radio-control__description-group {
|
2023-11-20 13:07:00 +00:00
|
|
|
display: none;
|
2022-10-11 15:46:59 +00:00
|
|
|
}
|
2023-11-20 13:07:00 +00:00
|
|
|
.wc-block-components-radio-control__option-checked {
|
|
|
|
.wc-block-components-radio-control__description-group {
|
|
|
|
display: block;
|
|
|
|
}
|
2023-01-20 14:34:25 +00:00
|
|
|
}
|
2023-11-20 13:07:00 +00:00
|
|
|
.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;
|
Update the border colors in the Cart and Checkout blocks (https://github.com/woocommerce/woocommerce-blocks/pull/11474)
* Change border color to Gutenberg 100 for Cart and Checkout blocks
* Change form input color to Gutenberg 900 for Cart and Checkout blocks
* Fix additional border colors of Checkout block
* Update borders and form field colors in Cart Block
* Change border color to $universal-border-light
* Change border color for cart line items to $universal-border-light
* Change form input fields border color to $universal-border-dark
- Add $universal-border-dark color variable for woocommerce/woocommerce-blocks#1e1e1e on white.
* Fix colors of text area border and form steps
* Change form input fields border color to $universal-border-dark
- Add $universal-border-dark color variable for woocommerce/woocommerce-blocks#1e1e1e on white.
* Fix form steps
* Update universal dark border rgba value
- Update universal dark border rgba value from rgba(0, 0, 0, 0.882) to rgba(17, 17, 17, .80) to keep it consistent with universal-border colors
* Update $universal-border-light color
* Update the opacity of the borders
* Update the border color to rgba (17, 17, 17, 0.12)
* Roll back $universal-border-light value to the original value: 0.115
* Remove Opacity and pass it as argument in with-translucent-border
- We have with-translucent-border option that accepts border and opacity for pseudo elements.
* Remove additional spaces
* Replace with-translucent-border with normal border
- Since we're are not mixing the opacity to the border color so we don't need to use mixin with-translucent-border.
* Fix applied css and add low contrast Color usage details
- Fix minor CSS as per the standards.
- Add comments for universal border colors that they're low contrast colors and should be used for decorative elements only
* Fix border gap and double border for multiple shipping packages
* Fix payment method borders and Cart line items borders
- Change border bottom to border-top for cart line items.
- Fix payment method radio control borders.
* Fix local pickup border
- Local pickup was using with-translucent-borders so it has some opacity, changed it to border-bottom.
* Add border-bottom to cart items
* Remove additional border from Cart items
* Fix radio and checkbox borders as per the design
* Fix shipping method borders and background color as per the design.
* Force align left on the description for the local pickup options.
* Update border color in quantity selector component
* Fix Shipping options radio selection alignment
- Add left padding to wc-block-components-shipping-rates-control__package element.
* Update colors and variables
* Change checkbox and radio button colors
- Change checkbox and radio button colors from rgba(25, 23, 17, 0.3) to rgba(25, 23, 17, 0.48).
* Remove bottom property from express payment style
2023-12-07 17:37:48 +00:00
|
|
|
background-color: $universal-background;
|
2023-11-20 13:07:00 +00:00
|
|
|
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;
|
2022-10-11 15:46:59 +00:00
|
|
|
|
2023-11-20 13:07:00 +00:00
|
|
|
> svg {
|
|
|
|
vertical-align: middle;
|
|
|
|
margin-top: -4px;
|
|
|
|
fill: currentColor;
|
|
|
|
}
|
2022-10-11 15:46:59 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|