@ionic/angular
Version:
Angular specific wrappers for @ionic/core
167 lines (129 loc) • 2.59 kB
CSS
.ion-text-center {
text-align: center ;
}
.ion-text-justify {
text-align: justify ;
}
.ion-text-start {
text-align: start ;
}
.ion-text-end {
text-align: end ;
}
.ion-text-left {
text-align: left ;
}
.ion-text-right {
text-align: right ;
}
.ion-text-nowrap {
white-space: nowrap ;
}
.ion-text-wrap {
white-space: normal ;
}
@media (min-width: 576px) {
.ion-text-sm-center {
text-align: center ;
}
.ion-text-sm-justify {
text-align: justify ;
}
.ion-text-sm-start {
text-align: start ;
}
.ion-text-sm-end {
text-align: end ;
}
.ion-text-sm-left {
text-align: left ;
}
.ion-text-sm-right {
text-align: right ;
}
.ion-text-sm-nowrap {
white-space: nowrap ;
}
.ion-text-sm-wrap {
white-space: normal ;
}
}
@media (min-width: 768px) {
.ion-text-md-center {
text-align: center ;
}
.ion-text-md-justify {
text-align: justify ;
}
.ion-text-md-start {
text-align: start ;
}
.ion-text-md-end {
text-align: end ;
}
.ion-text-md-left {
text-align: left ;
}
.ion-text-md-right {
text-align: right ;
}
.ion-text-md-nowrap {
white-space: nowrap ;
}
.ion-text-md-wrap {
white-space: normal ;
}
}
@media (min-width: 992px) {
.ion-text-lg-center {
text-align: center ;
}
.ion-text-lg-justify {
text-align: justify ;
}
.ion-text-lg-start {
text-align: start ;
}
.ion-text-lg-end {
text-align: end ;
}
.ion-text-lg-left {
text-align: left ;
}
.ion-text-lg-right {
text-align: right ;
}
.ion-text-lg-nowrap {
white-space: nowrap ;
}
.ion-text-lg-wrap {
white-space: normal ;
}
}
@media (min-width: 1200px) {
.ion-text-xl-center {
text-align: center ;
}
.ion-text-xl-justify {
text-align: justify ;
}
.ion-text-xl-start {
text-align: start ;
}
.ion-text-xl-end {
text-align: end ;
}
.ion-text-xl-left {
text-align: left ;
}
.ion-text-xl-right {
text-align: right ;
}
.ion-text-xl-nowrap {
white-space: nowrap ;
}
.ion-text-xl-wrap {
white-space: normal ;
}
}
/*# sourceMappingURL=text-alignment.css.map */