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

47 lines
1.1 KiB
SCSS

@import "../themes/ionic.globals";
@import "../themes/ionic.mixins";
// Text Alignment
// --------------------------------------------------
// Creates text alignment 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 aligning the text based
// on the breakpoint
.ion-text#{$infix}-center {
text-align: center !important;
}
.ion-text#{$infix}-justify {
text-align: justify !important;
}
.ion-text#{$infix}-start {
text-align: start !important;
}
.ion-text#{$infix}-end {
text-align: end !important;
}
.ion-text#{$infix}-left {
text-align: left !important;
}
.ion-text#{$infix}-right {
text-align: right !important;
}
.ion-text#{$infix}-nowrap {
white-space: nowrap !important;
}
.ion-text#{$infix}-wrap {
white-space: normal !important;
}
}
}