Files
ionic-framework/core/src/css/text-transformation.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

30 lines
946 B
SCSS

@import "../themes/ionic.globals";
@import "../themes/ionic.mixins";
// Text Transformation
// --------------------------------------------------
// Creates text transform attributes based on screen size
@each $breakpoint in map-keys($screen-breakpoints) {
$infix: breakpoint-infix($breakpoint, $screen-breakpoints);
@include media-breakpoint-up($breakpoint, $screen-breakpoints) {
// Provide `.ion-text-{bp}` classes for transforming the text based
// on the breakpoint
.ion-text#{$infix}-uppercase {
/* stylelint-disable-next-line declaration-no-important */
text-transform: uppercase !important;
}
.ion-text#{$infix}-lowercase {
/* stylelint-disable-next-line declaration-no-important */
text-transform: lowercase !important;
}
.ion-text#{$infix}-capitalize {
/* stylelint-disable-next-line declaration-no-important */
text-transform: capitalize !important;
}
}
}