_error-message.scss 512 B

1234567891011121314151617181920212223
  1. @use 'sass:map';
  2. .error-message {
  3. border: 1px solid transparent; // ensure visible separation in Windows High Contrast mode
  4. margin: 0.5em 0 0;
  5. font-size: 1em;
  6. font-weight: bold;
  7. color: theme('colors.text-error');
  8. @media (forced-colors: active) {
  9. forced-color-adjust: none;
  10. }
  11. &::before {
  12. content: '';
  13. display: inline-block;
  14. width: 1em;
  15. height: 1em;
  16. vertical-align: -10%;
  17. mask-image: url('#{$images-root}icons/warning.svg');
  18. background-color: currentColor;
  19. }
  20. }