mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
e67f7e81f7
BREAKING CHANGES Removes all CSS utility attributes. Please use CSS classes instead. See the documentation for the correct class names: https://ionicframework.com/docs/layout/css-utilities
100 lines
1.7 KiB
SCSS
100 lines
1.7 KiB
SCSS
// Flex Utilities
|
|
// --------------------------------------------------
|
|
// Creates flex classes to align flex containers
|
|
// and items
|
|
|
|
// Align Self
|
|
// --------------------------------------------------
|
|
|
|
.ion-align-self-start {
|
|
align-self: flex-start !important;
|
|
}
|
|
|
|
.ion-align-self-end {
|
|
align-self: flex-end !important;
|
|
}
|
|
|
|
.ion-align-self-center {
|
|
align-self: center !important;
|
|
}
|
|
|
|
.ion-align-self-stretch {
|
|
align-self: stretch !important;
|
|
}
|
|
|
|
.ion-align-self-baseline {
|
|
align-self: baseline !important;
|
|
}
|
|
|
|
.ion-align-self-auto {
|
|
align-self: auto !important;
|
|
}
|
|
|
|
|
|
// Flex Wrap
|
|
// --------------------------------------------------
|
|
|
|
.ion-wrap {
|
|
flex-wrap: wrap !important;
|
|
}
|
|
|
|
.ion-nowrap {
|
|
flex-wrap: nowrap !important;
|
|
}
|
|
|
|
.ion-wrap-reverse {
|
|
flex-wrap: wrap-reverse !important;
|
|
}
|
|
|
|
|
|
// Justify Content
|
|
// --------------------------------------------------
|
|
|
|
.ion-justify-content-start {
|
|
justify-content: flex-start !important;
|
|
}
|
|
|
|
.ion-justify-content-center {
|
|
justify-content: center !important;
|
|
}
|
|
|
|
.ion-justify-content-end {
|
|
justify-content: flex-end !important;
|
|
}
|
|
|
|
.ion-justify-content-around {
|
|
justify-content: space-around !important;
|
|
}
|
|
|
|
.ion-justify-content-between {
|
|
justify-content: space-between !important;
|
|
}
|
|
|
|
.ion-justify-content-evenly {
|
|
justify-content: space-evenly !important;
|
|
}
|
|
|
|
|
|
// Align Items
|
|
// --------------------------------------------------
|
|
|
|
.ion-align-items-start {
|
|
align-items: flex-start !important;
|
|
}
|
|
|
|
.ion-align-items-center {
|
|
align-items: center !important;
|
|
}
|
|
|
|
.ion-align-items-end {
|
|
align-items: flex-end !important;
|
|
}
|
|
|
|
.ion-align-items-stretch {
|
|
align-items: stretch !important;
|
|
}
|
|
|
|
.ion-align-items-baseline {
|
|
align-items: baseline !important;
|
|
}
|