mirror
/
understrap
mirror of https://github.com/understrap/understrap.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Override WooCommerce styles conflicting with Bootstrap

This commit is contained in:
IanDelMar 2022-10-09 22:51:47 +02:00
parent 55a6f06aa4
commit dc765bbb05
13 changed files with 56 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/custom-editor-style-bootstrap4.css.map
View File

File diff suppressed because one or more lines are too long

2
css/custom-editor-style-bootstrap4.min.css.map
View File

File diff suppressed because one or more lines are too long

2
css/custom-editor-style.css.map
View File

File diff suppressed because one or more lines are too long

2
css/custom-editor-style.min.css.map
View File

File diff suppressed because one or more lines are too long

4
css/theme-bootstrap4.css
View File

@ -11634,6 +11634,10 @@ figure.woocommerce-product-gallery__wrapper {
color: #dc3545;
}
.woocommerce form .form-row label.custom-control-label {
line-height: inherit;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .stock,

2
css/theme-bootstrap4.css.map
View File

File diff suppressed because one or more lines are too long

2
css/theme-bootstrap4.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/theme-bootstrap4.min.css.map
View File

File diff suppressed because one or more lines are too long

13
css/theme.css
View File

@ -12350,6 +12350,19 @@ figure.woocommerce-product-gallery__wrapper {
color: #dc3545;
}
.woocommerce form .form-row label.form-check-label {
line-height: inherit;
}
.woocommerce form .form-row .checkbox.form-check {
display: block;
line-height: inherit;
}
.woocommerce form .form-row .input-checkbox.form-check-input {
margin: 0.25em 0 0 -1.5em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .stock,

2
css/theme.css.map
View File

File diff suppressed because one or more lines are too long

2
css/theme.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/theme.min.css.map
View File

File diff suppressed because one or more lines are too long

29
src/sass/theme/_woocommerce.scss
View File

@ -64,6 +64,35 @@ figure.woocommerce-product-gallery__wrapper {
color: $danger;
}
.woocommerce form .form-row label {
// Override WooCommerce default styles.
@if variable-exists('bootstrap4') {
&.custom-control-label {
line-height: inherit;
}
} @else {
&.form-check-label {
line-height: inherit;
}
}
}
@if not variable-exists('bootstrap4') {
// Override WooCommerce default styles.
.woocommerce form .form-row .checkbox {
&.form-check {
display: block;
line-height: inherit;
}
}
.woocommerce form .form-row .input-checkbox {
&.form-check-input {
$top: ($line-height-base - $form-check-input-width) * .5;
$left: $form-check-padding-start * -1;
margin: $top 0 0 $left
}
}
}
// Accessibility requirement for color contrast
.woocommerce div.product p.price,