mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 23:58:13 +08:00
chore(packages): move the packages to root
This commit is contained in:
68
core/src/components/label/label.scss
Normal file
68
core/src/components/label/label.scss
Normal file
@ -0,0 +1,68 @@
|
||||
@import "../../themes/ionic.globals";
|
||||
|
||||
|
||||
// Label
|
||||
// --------------------------------------------------
|
||||
|
||||
ion-label {
|
||||
@include margin(0);
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
flex: 1;
|
||||
|
||||
font-size: inherit;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.item-input ion-label {
|
||||
flex: initial;
|
||||
|
||||
max-width: 200px;
|
||||
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
[text-wrap] ion-label {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
|
||||
// Stacked & Floating Inputs
|
||||
// --------------------------------------------------
|
||||
|
||||
ion-label[fixed] {
|
||||
flex: 0 0 100px;
|
||||
|
||||
width: 100px;
|
||||
min-width: 100px;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
.item-label-stacked ion-label,
|
||||
.item-label-floating ion-label {
|
||||
align-self: stretch;
|
||||
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
ion-label[stacked],
|
||||
ion-label[floating] {
|
||||
@include margin(null, null, 0, null);
|
||||
}
|
||||
|
||||
.item-label-stacked .input-wrapper,
|
||||
.item-label-floating .input-wrapper {
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.item-label-stacked ion-select,
|
||||
.item-label-floating ion-select {
|
||||
align-self: stretch;
|
||||
|
||||
max-width: 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user