2020-06-17 09:53:42 +00:00
|
|
|
.wc-block-components-validation-error {
|
2020-05-29 10:16:33 +00:00
|
|
|
@include font-size(smaller);
|
2020-10-22 10:40:32 +00:00
|
|
|
color: $alert-red;
|
2020-03-23 11:22:00 +00:00
|
|
|
max-width: 100%;
|
|
|
|
white-space: normal;
|
2020-03-17 11:45:33 +00:00
|
|
|
|
|
|
|
> p {
|
|
|
|
margin: 0;
|
2024-09-12 10:18:13 +00:00
|
|
|
padding: $gap-smaller 0 0 0;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
gap: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
svg {
|
|
|
|
fill: currentColor;
|
|
|
|
width: 1.5em;
|
|
|
|
height: 1.5em;
|
|
|
|
margin-top: -1px;
|
2020-03-17 11:45:33 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-12-07 14:41:31 +00:00
|
|
|
.has-dark-controls .wc-block-components-validation-error {
|
2022-07-06 14:03:15 +00:00
|
|
|
color: color.adjust($alert-red, $lightness: 30%);
|
|
|
|
}
|
|
|
|
|
2020-06-17 09:53:42 +00:00
|
|
|
.wc-block-components-select + .wc-block-components-validation-error {
|
2020-03-17 11:45:33 +00:00
|
|
|
margin-bottom: $gap-large;
|
|
|
|
}
|