Files
ionic-framework/core/src/css/display.scss
Ryan Waskiewicz 16dcd2d114 chore(scss): remove injected global styles (#26469)
this commit removes a globally injected style, `ionic.skip-warns.scss`,
from the project. this stylesheet was used to set a variable, `$Ionic`,
that would turn on/off deprecation warnings in (the also removed)
`ionic.deprecation.scss`. any file using either of the aforementioned
files have been updated.

this change is occurring while the stencil team is looking to improve
the size of generated components that use >1 mode. this deprecation was
a part of an initiative to remove sass source files from artifact
published to npm. while that was completed, this deprecation was not
removed (until now)

Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
2022-12-13 08:34:25 -05:00

32 lines
864 B
SCSS

@import "../themes/ionic.globals";
@import "../themes/ionic.mixins";
// Display
// --------------------------------------------------
// Modifies display of a particular element based on the given classes
.ion-hide {
display: none !important;
}
// Adds hidden classes
@each $breakpoint in map-keys($screen-breakpoints) {
$infix: breakpoint-infix($breakpoint, $screen-breakpoints);
@include media-breakpoint-up($breakpoint, $screen-breakpoints) {
// Provide `ion-hide-{bp}-up` classes for hiding the element based
// on the breakpoint
.ion-hide#{$infix}-up {
display: none !important;
}
}
@include media-breakpoint-down($breakpoint, $screen-breakpoints) {
// Provide `ion-hide-{bp}-down` classes for hiding the element based
// on the breakpoint
.ion-hide#{$infix}-down {
display: none !important;
}
}
}