cleans up sr-only references for bs4 & bs5

This commit is contained in:
Brian Coords 2021-11-23 15:57:06 -08:00
parent 7ff3bbdf8c
commit f3f0c5538e
24 changed files with 182 additions and 167 deletions

View File

@ -1137,4 +1137,5 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
font-size: 2.5rem;
font-weight: 500;
}
/*# sourceMappingURL=custom-editor-style-bootstrap4.css.map */

File diff suppressed because one or more lines are too long

View File

@ -1169,5 +1169,4 @@ body.understrap-no-sidebar .wp-block-cover.alignwide {
font-size: 2.5rem;
font-weight: 500;
}
/*# sourceMappingURL=custom-editor-style.css.map */

File diff suppressed because one or more lines are too long

View File

@ -600,8 +600,8 @@ pre code {
}
.col {
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
@ -879,8 +879,8 @@ pre code {
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
@ -1162,8 +1162,8 @@ pre code {
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
@ -1445,8 +1445,8 @@ pre code {
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
@ -1728,8 +1728,8 @@ pre code {
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
@ -3226,8 +3226,8 @@ textarea.form-control, .wpcf7 textarea.wpcf7-validation-errors,
}
.form-inline .form-check-input {
position: relative;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
@ -5808,8 +5808,8 @@ input[type=button].btn-block {
.nav-justified > .nav-link,
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
@ -5899,8 +5899,8 @@ input[type=button].btn-block {
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
@ -5985,8 +5985,8 @@ input[type=button].btn-block {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
@ -6042,8 +6042,8 @@ input[type=button].btn-block {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
@ -6099,8 +6099,8 @@ input[type=button].btn-block {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
@ -6156,8 +6156,8 @@ input[type=button].btn-block {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
@ -6210,8 +6210,8 @@ input[type=button].btn-block {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
@ -6411,8 +6411,8 @@ input[type=button].btn-block {
.card-img,
.card-img-top,
.card-img-bottom {
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
}
@ -7372,8 +7372,8 @@ a.close.disabled {
}
.toast {
-ms-flex-preferred-size: 350px;
-webkit-flex-basis: 350px;
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px;
font-size: 0.875rem;
@ -7483,8 +7483,8 @@ a.close.disabled {
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
@ -8788,14 +8788,14 @@ button.bg-dark:focus {
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
@ -8860,38 +8860,38 @@ button.bg-dark:focus {
}
.align-content-start {
-ms-flex-line-pack: start !important;
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
@ -8993,14 +8993,14 @@ button.bg-dark:focus {
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
@ -9065,38 +9065,38 @@ button.bg-dark:focus {
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
@ -9198,14 +9198,14 @@ button.bg-dark:focus {
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
@ -9270,38 +9270,38 @@ button.bg-dark:focus {
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
@ -9403,14 +9403,14 @@ button.bg-dark:focus {
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
@ -9475,38 +9475,38 @@ button.bg-dark:focus {
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
@ -9608,14 +9608,14 @@ button.bg-dark:focus {
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
@ -9680,38 +9680,38 @@ button.bg-dark:focus {
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
@ -9889,7 +9889,7 @@ button.bg-dark:focus {
}
}
.sr-only, .screen-reader-text {
.sr-only {
position: absolute;
width: 1px;
height: 1px;
@ -12534,8 +12534,16 @@ body {
font-size: inherit;
}
h2.sr-only, h2.screen-reader-text {
background-color: transparent;
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.alignleft {
@ -12574,6 +12582,10 @@ a.skip-link {
right: 0px;
}
.jumbotron {
margin-bottom: 0px;
}
.navbar-dark .navbar-nav .dropdown-menu .nav-link {
display: block;
width: 100%;
@ -12658,20 +12670,10 @@ a.skip-link {
display: block;
}
.entry-content p a {
.entry-content p a:not(.btn) {
text-decoration: underline;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .stock,
.woocommerce ul.products li.product .price,
#add_payment_method .cart-collaterals .cart_totals .discount td,
.woocommerce-cart .cart-collaterals .cart_totals .discount td,
.woocommerce-checkout .cart-collaterals .cart_totals .discount td {
color: #28a745;
}
.has-blue-color,
.has-blue-color:visited {
color: #007bff;
@ -13067,6 +13069,16 @@ figure.woocommerce-product-gallery__wrapper {
color: #dc3545;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .stock,
.woocommerce ul.products li.product .price,
#add_payment_method .cart-collaterals .cart_totals .discount td,
.woocommerce-cart .cart-collaterals .cart_totals .discount td,
.woocommerce-checkout .cart-collaterals .cart_totals .discount td {
color: #28a745;
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
@ -16084,7 +16096,7 @@ figure.woocommerce-product-gallery__wrapper {
content: "\f2e0";
}
.sr-only, .screen-reader-text {
.sr-only {
position: absolute;
width: 1px;
height: 1px;
@ -16103,4 +16115,5 @@ figure.woocommerce-product-gallery__wrapper {
overflow: visible;
clip: auto;
}
/*# sourceMappingURL=theme-bootstrap4.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -688,8 +688,8 @@ progress {
margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
@ -5422,8 +5422,8 @@ textarea.form-control-lg {
.nav-justified > .nav-link,
.nav-justified .nav-item {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
@ -5513,8 +5513,8 @@ textarea.form-control-lg {
}
.navbar-collapse {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
@ -5592,8 +5592,8 @@ textarea.form-control-lg {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
-webkit-flex-basis: auto;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
@ -5663,8 +5663,8 @@ textarea.form-control-lg {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
-webkit-flex-basis: auto;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
@ -5734,8 +5734,8 @@ textarea.form-control-lg {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
-webkit-flex-basis: auto;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
@ -5805,8 +5805,8 @@ textarea.form-control-lg {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
-webkit-flex-basis: auto;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
@ -5876,8 +5876,8 @@ textarea.form-control-lg {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
-webkit-flex-basis: auto;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
@ -5946,8 +5946,8 @@ textarea.form-control-lg {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
-webkit-flex-basis: auto;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
@ -6276,8 +6276,8 @@ textarea.form-control-lg {
transform: rotate(-180deg);
}
.accordion-button::after {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
@ -7210,8 +7210,8 @@ textarea.form-control-lg {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-align-items: center;
-ms-flex-align: center;
@ -7251,8 +7251,8 @@ textarea.form-control-lg {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-align-items: center;
-ms-flex-align: center;
@ -8811,14 +8811,14 @@ textarea.form-control-lg {
}
.flex-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
-webkit-flex-shrink: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
-webkit-flex-shrink: 1 !important;
flex-shrink: 1 !important;
}
@ -8931,38 +8931,38 @@ textarea.form-control-lg {
}
.align-content-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
-webkit-align-content: flex-start !important;
align-content: flex-start !important;
}
.align-content-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
-webkit-align-content: flex-end !important;
align-content: flex-end !important;
}
.align-content-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
-webkit-align-content: center !important;
align-content: center !important;
}
.align-content-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
-webkit-align-content: space-between !important;
align-content: space-between !important;
}
.align-content-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
-webkit-align-content: space-around !important;
align-content: space-around !important;
}
.align-content-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
-webkit-align-content: stretch !important;
align-content: stretch !important;
}
@ -9926,14 +9926,14 @@ textarea.form-control-lg {
}
.flex-sm-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
-webkit-flex-shrink: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
-webkit-flex-shrink: 1 !important;
flex-shrink: 1 !important;
}
@ -10046,38 +10046,38 @@ textarea.form-control-lg {
}
.align-content-sm-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
-webkit-align-content: flex-start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
-webkit-align-content: flex-end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
-webkit-align-content: center !important;
align-content: center !important;
}
.align-content-sm-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
-webkit-align-content: space-between !important;
align-content: space-between !important;
}
.align-content-sm-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
-webkit-align-content: space-around !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
-webkit-align-content: stretch !important;
align-content: stretch !important;
}
@ -10667,14 +10667,14 @@ textarea.form-control-lg {
}
.flex-md-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
-webkit-flex-shrink: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
-webkit-flex-shrink: 1 !important;
flex-shrink: 1 !important;
}
@ -10787,38 +10787,38 @@ textarea.form-control-lg {
}
.align-content-md-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
-webkit-align-content: flex-start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
-webkit-align-content: flex-end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
-webkit-align-content: center !important;
align-content: center !important;
}
.align-content-md-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
-webkit-align-content: space-between !important;
align-content: space-between !important;
}
.align-content-md-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
-webkit-align-content: space-around !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
-webkit-align-content: stretch !important;
align-content: stretch !important;
}
@ -11408,14 +11408,14 @@ textarea.form-control-lg {
}
.flex-lg-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
-webkit-flex-shrink: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
-webkit-flex-shrink: 1 !important;
flex-shrink: 1 !important;
}
@ -11528,38 +11528,38 @@ textarea.form-control-lg {
}
.align-content-lg-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
-webkit-align-content: flex-start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
-webkit-align-content: flex-end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
-webkit-align-content: center !important;
align-content: center !important;
}
.align-content-lg-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
-webkit-align-content: space-between !important;
align-content: space-between !important;
}
.align-content-lg-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
-webkit-align-content: space-around !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
-webkit-align-content: stretch !important;
align-content: stretch !important;
}
@ -12149,14 +12149,14 @@ textarea.form-control-lg {
}
.flex-xl-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
-webkit-flex-shrink: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
-webkit-flex-shrink: 1 !important;
flex-shrink: 1 !important;
}
@ -12269,38 +12269,38 @@ textarea.form-control-lg {
}
.align-content-xl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
-webkit-align-content: flex-start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
-webkit-align-content: flex-end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
-webkit-align-content: center !important;
align-content: center !important;
}
.align-content-xl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
-webkit-align-content: space-between !important;
align-content: space-between !important;
}
.align-content-xl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
-webkit-align-content: space-around !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
-webkit-align-content: stretch !important;
align-content: stretch !important;
}
@ -12890,14 +12890,14 @@ textarea.form-control-lg {
}
.flex-xxl-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
-webkit-flex-shrink: 0 !important;
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
-webkit-flex-shrink: 1 !important;
flex-shrink: 1 !important;
}
@ -13010,38 +13010,38 @@ textarea.form-control-lg {
}
.align-content-xxl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
-webkit-align-content: flex-start !important;
align-content: flex-start !important;
}
.align-content-xxl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
-webkit-align-content: flex-end !important;
align-content: flex-end !important;
}
.align-content-xxl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
-webkit-align-content: center !important;
align-content: center !important;
}
.align-content-xxl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
-webkit-align-content: space-between !important;
align-content: space-between !important;
}
.align-content-xxl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
-webkit-align-content: space-around !important;
align-content: space-around !important;
}
.align-content-xxl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
-webkit-align-content: stretch !important;
align-content: stretch !important;
}
@ -13628,8 +13628,16 @@ body {
font-size: inherit;
}
h2.sr-only, .sr-only.h2, h2.screen-reader-text, .h2.screen-reader-text {
background-color: transparent;
.screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.alignleft {
@ -17187,7 +17195,7 @@ figure.woocommerce-product-gallery__wrapper {
content: "\f2e0";
}
.sr-only, .screen-reader-text {
.sr-only {
position: absolute;
width: 1px;
height: 1px;
@ -17206,5 +17214,4 @@ figure.woocommerce-product-gallery__wrapper {
overflow: visible;
clip: auto;
}
/*# sourceMappingURL=theme.css.map */

File diff suppressed because one or more lines are too long

4
css/theme.min.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,7 @@ $container = get_theme_mod( 'understrap_container_type' );
<nav id="main-nav" class="navbar navbar-expand-md navbar-dark bg-primary" aria-labelledby="main-nav-label">
<h2 id="main-nav-label" class="sr-only">
<h2 id="main-nav-label" class="screen-reader-text">
<?php esc_html_e( 'Main Navigation', 'understrap' ); ?>
</h2>

View File

@ -13,7 +13,7 @@ $container = get_theme_mod( 'understrap_container_type' );
<nav id="main-nav" class="navbar navbar-expand-md navbar-dark bg-primary" aria-labelledby="main-nav-label">
<h2 id="main-nav-label" class="sr-only">
<h2 id="main-nav-label" class="screen-reader-text">
<?php esc_html_e( 'Main Navigation', 'understrap' ); ?>
</h2>

View File

@ -13,7 +13,7 @@ $container = get_theme_mod( 'understrap_container_type' );
<nav id="main-nav" class="navbar navbar-expand-md navbar-dark bg-primary" aria-labelledby="main-nav-label">
<h2 id="main-nav-label" class="sr-only">
<h2 id="main-nav-label" class="screen-reader-text">
<?php esc_html_e( 'Main Navigation', 'understrap' ); ?>
</h2>

View File

@ -511,7 +511,7 @@ if ( ! class_exists( 'Understrap_WP_Bootstrap_Navwalker' ) ) {
*/
private function wrap_for_screen_reader( $text = '' ) {
if ( $text ) {
$text = '<span class="sr-only">' . $text . '</span>';
$text = '<span class="screen-reader-text">' . $text . '</span>';
}
return $text;
}

View File

@ -67,7 +67,7 @@ if ( ! function_exists( 'understrap_pagination' ) ) {
<nav aria-labelledby="posts-nav-label">
<h2 id="posts-nav-label" class="sr-only">
<h2 id="posts-nav-label" class="screen-reader-text">
<?php echo esc_html( $args['screen_reader_text'] ); ?>
</h2>

View File

@ -164,7 +164,7 @@ if ( ! function_exists( 'understrap_comment_navigation' ) ) {
?>
<nav class="comment-navigation" id="<?php echo esc_attr( $nav_id ); ?>">
<h1 class="sr-only"><?php esc_html_e( 'Comment navigation', 'understrap' ); ?></h1>
<h1 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'understrap' ); ?></h1>
<?php if ( get_previous_comments_link() ) { ?>
<div class="nav-previous">
@ -192,7 +192,7 @@ if ( ! function_exists( 'understrap_edit_post_link' ) ) {
sprintf(
/* translators: %s: Name of current post */
esc_html__( 'Edit %s', 'understrap' ),
the_title( '<span class="sr-only">"', '"</span>', false )
the_title( '<span class="screen-reader-text">"', '"</span>', false )
),
'<span class="edit-link">',
'</span>'
@ -213,7 +213,7 @@ if ( ! function_exists( 'understrap_post_nav' ) ) {
}
?>
<nav class="container navigation post-navigation">
<h2 class="sr-only"><?php esc_html_e( 'Post navigation', 'understrap' ); ?></h2>
<h2 class="screen-reader-text"><?php esc_html_e( 'Post navigation', 'understrap' ); ?></h2>
<div class="d-flex nav-links justify-content-between">
<?php
if ( get_previous_post_link() ) {

View File

@ -18,7 +18,7 @@ if ( isset( $args['aria_label'] ) && ! empty( $args['aria_label'] ) ) {
?>
<form role="search" class="search-form" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>" <?php echo $aria_label; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Escaped above. ?>>
<label class="sr-only" for="<?php echo $uid; ?>"><?php echo esc_html_x( 'Search for:', 'label', 'understrap' ); ?></label>
<label class="screen-reader-text" for="<?php echo $uid; ?>"><?php echo esc_html_x( 'Search for:', 'label', 'understrap' ); ?></label>
<div class="input-group">
<input type="search" class="field search-field form-control" id="<?php echo $uid; ?>" name="s" value="<?php the_search_query(); ?>" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder', 'understrap' ); ?>">
<?php if ( 'bootstrap5' === $bootstrap_version ) : ?>

View File

@ -25,7 +25,7 @@ defined( 'ABSPATH' ) || exit;
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only"><?php echo esc_html_x( 'Previous', 'carousel control', 'understrap' ); ?></span>
<span class="screen-reader-text"><?php echo esc_html_x( 'Previous', 'carousel control', 'understrap' ); ?></span>
</a>
@ -33,7 +33,7 @@ defined( 'ABSPATH' ) || exit;
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only"><?php echo esc_html_x( 'Next', 'carousel control', 'understrap' ); ?></span>
<span class="screen-reader-text"><?php echo esc_html_x( 'Next', 'carousel control', 'understrap' ); ?></span>
</a>

View File

@ -1,6 +1,6 @@
@import "theme/theme_variables"; // <-------- Add your variables into this file. Also add variables to overwrite Bootstrap or Understrap variables here
@import "assets/bootstrap4/bootstrap"; // <-------- Loads Bootstrap4
@import "theme/understrap"; // <-------- Loads the Understrap defaults. Just a few classes to incorporate BS in WP
@import "theme/understrap-bootstrap4"; // <-------- Loads the Understrap defaults. Just a few classes to incorporate BS in WP
@import "theme/colors"; // <-------- This creates the necessary bootstrap color classes.
@import "theme/blocks-bootstrap4"; // <-------- This adds Bootstrap styles to blocks.
@import "theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support

View File

@ -41,7 +41,7 @@ body {
}
.screen-reader-text {
@extend .sr-only;
@include sr-only();
}
.alignleft {

View File

@ -41,12 +41,7 @@ body {
}
.screen-reader-text {
@extend .sr-only;
}
// Accessibility requirement for color contrast.
h2.sr-only {
background-color: transparent;
@include visually-hidden();
}
.alignleft {

View File

@ -23,7 +23,7 @@ if ( ! defined( 'ABSPATH' ) ) {
<form role="search" method="get" class="woocommerce-product-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<div class="input-group">
<input type="search" id="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>" class="search-field form-control" placeholder="<?php echo esc_attr__( 'Search products&hellip;', 'woocommerce' ); ?>" value="<?php echo get_search_query(); ?>" name="s" />
<label class="sr-only" for="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>"><?php esc_html_e( 'Search for:', 'woocommerce' ); ?></label>
<label class="screen-reader-text" for="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>"><?php esc_html_e( 'Search for:', 'woocommerce' ); ?></label>
<input type="hidden" name="post_type" value="product" />
<div class="input-group-append">
<button class="btn btn-primary" type="submit" value="<?php echo esc_attr_x( 'Search', 'submit button', 'woocommerce' ); ?>"><?php echo esc_html_x( 'Search', 'submit button', 'woocommerce' ); ?></button>