src/applications/simple-forms/mock-simple-forms-patterns/sass/web-component-adapter.scss
// These are CSS overrides for web components to align/adjust styles with existing styles
// don't use in production without consulting with design system team
// va-text-input::part(input) {
// // same as usa-input-medium
// @include media($medium-screen) {
// max-width: 12rem;
// }
// }
// va-text-input[error]:not([error=""]) {
// margin-left: -1.9rem;
// padding-left: 1.5rem;
// border-width: 0.4rem;
// margin-top: 3rem;
// &::part(input) {
// border-width: 3px
// }
// }
// va-text-input[error]:not([error=""]) {
// &::part(label) {
// font-weight: 600;
// }
// }
// Temporary styling to try styles that DST could apply
// va-select[inert] {
// &::part(select) {
// border: 0;
// background: none;
// }
// }