Skip to content

Instantly share code, notes, and snippets.

@RaschidJFR

RaschidJFR/ion-highligh-errors.scss

Created October 29, 2019 00:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save RaschidJFR/4aa2e56a80657a5d0443ce89bcf1737c to your computer and use it in GitHub Desktop.
Save RaschidJFR/4aa2e56a80657a5d0443ce89bcf1737c to your computer and use it in GitHub Desktop.
Download ZIP
Helper SASS to force Ionic to show invalid item inputs
Raw
ion-highligh-errors.scss
// This class forces Ionic to show invalid item inputs
.highlight-errors {
--show-inset-highlight: 1;
--show-full-highlight: 1;
ion-item.ion-invalid {
--highlight-height: 2px;
--inset-highlight-height: calc(var(--highlight-height) * var(--show-inset-highlight));
--full-highlight-height: calc(var(--highlight-height) * var(--show-full-highlight));
}
}
ion-item {
--highlight-height: 2px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment