diff --git a/src/registrar/assets/sass/_theme/_alerts.scss b/src/registrar/assets/sass/_theme/_alerts.scss deleted file mode 100644 index 3cfa768fe..000000000 --- a/src/registrar/assets/sass/_theme/_alerts.scss +++ /dev/null @@ -1,53 +0,0 @@ -@use "uswds-core" as *; -@use "base" as *; - -// Fixes some font size disparities with the Figma -// for usa-alert alert elements -.usa-alert { - .usa-alert__heading.larger-font-sizing { - font-size: units(3); - } -} - -.usa-alert__text.measure-none { - max-width: measure(none); -} - -// The icon was off center for some reason -// Fixes that issue -@media (min-width: 64em){ - .usa-alert--warning{ - .usa-alert__body::before { - left: 1rem !important; - } - } - .usa-alert__body.margin-left-1 { - margin-left: 0.5rem!important; - } -} - -// NOTE: !important is used because _font.scss overrides this -.usa-alert__body--widescreen { - max-width: $widescreen-max-width !important; -} - -.usa-site-alert--hot-pink { - .usa-alert { - background-color: $hot-pink; - border-left-color: $hot-pink; - .usa-alert__body { - color: color('base-darkest'); - background-color: $hot-pink; - } - } -} - -@supports ((-webkit-mask:url()) or (mask:url())) { - .usa-site-alert--hot-pink .usa-alert .usa-alert__body::before { - background-color: color('base-darkest'); - } -} - -.usa-site-alert--hot-pink .usa-alert .usa-alert__body::before { - background-image: url('../img/usa-icons-bg/error.svg'); -} diff --git a/src/registrar/templates/includes/input_with_errors.html b/src/registrar/templates/includes/input_with_errors.html index f55c9d19d..31900ac57 100644 --- a/src/registrar/templates/includes/input_with_errors.html +++ b/src/registrar/templates/includes/input_with_errors.html @@ -53,11 +53,9 @@ error messages, if necessary.