mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 12:29:55 +08:00
@ -1,5 +1,6 @@
|
||||
@import "./item";
|
||||
@import "./item.md.vars";
|
||||
@import "../label/label.md.vars";
|
||||
|
||||
// Material Design Item
|
||||
// --------------------------------------------------
|
||||
@ -166,3 +167,8 @@
|
||||
:host(:not(.item-label)) ::slotted(ion-textarea) {
|
||||
--padding-start: 0;
|
||||
}
|
||||
|
||||
:host(.item-has-focus:not(.ion-color)) ::slotted(.label-stacked),
|
||||
:host(.item-has-focus:not(.ion-color)) ::slotted(.label-floating) {
|
||||
color: $label-md-text-color-focused;
|
||||
}
|
||||
|
@ -15,15 +15,6 @@
|
||||
}
|
||||
|
||||
|
||||
// Material Design Default Label Inside An Input/Select Item
|
||||
// --------------------------------------------------
|
||||
|
||||
// TODO, takes high priority
|
||||
:host-context(.item-interactive) {
|
||||
--ion-color-base: #{$label-md-text-color};
|
||||
}
|
||||
|
||||
|
||||
// Material Design Stacked & Floating Labels
|
||||
// --------------------------------------------------
|
||||
|
||||
@ -43,10 +34,6 @@
|
||||
@include margin(null, null, 0, 0);
|
||||
}
|
||||
|
||||
:host-context(.item-has-focus).label-stacked,
|
||||
:host-context(.item-has-focus).label-floating {
|
||||
color: $label-md-text-color-focused;
|
||||
}
|
||||
|
||||
// MD Typography
|
||||
// --------------------------------------------------
|
||||
@ -90,7 +77,7 @@
|
||||
}
|
||||
|
||||
::slotted(p) {
|
||||
color: #{$item-md-paragraph-text-color};
|
||||
color: $item-md-paragraph-text-color;
|
||||
}
|
||||
|
||||
:host-context(.ion-color)::slotted(p) {
|
||||
|
@ -23,7 +23,7 @@
|
||||
}
|
||||
|
||||
:host(.ion-color) {
|
||||
color: #{current-color(base)};
|
||||
color: current-color(base) !important;
|
||||
}
|
||||
|
||||
:host([text-wrap]) {
|
||||
|
Reference in New Issue
Block a user