mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
label colors
This commit is contained in:
@ -2,6 +2,8 @@
|
||||
// iOS Text Input
|
||||
// --------------------------------------------------
|
||||
|
||||
$input-label-ios-color: #7f7f7f !default;
|
||||
|
||||
|
||||
.list[mode=ios],
|
||||
ion-card[mode=ios] {
|
||||
@ -18,6 +20,7 @@ ion-card[mode=ios] {
|
||||
|
||||
ion-label {
|
||||
margin: $item-ios-padding-top ($item-ios-padding-right / 2) $item-ios-padding-bottom ($item-ios-padding-left / 2);
|
||||
color: $input-label-ios-color;
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -2,6 +2,9 @@
|
||||
// Material Design Text Input
|
||||
// --------------------------------------------------
|
||||
|
||||
$text-input-highlight-color: map-get($colors, primary) !default;
|
||||
$input-label-md-color: #999 !default;
|
||||
|
||||
|
||||
.list[mode=md],
|
||||
ion-card[mode=md] {
|
||||
@ -18,14 +21,15 @@ ion-card[mode=md] {
|
||||
|
||||
ion-label {
|
||||
margin: $item-md-padding-top ($item-md-padding-right / 2) $item-md-padding-bottom ($item-md-padding-left / 2);
|
||||
color: $input-label-md-color;
|
||||
}
|
||||
|
||||
ion-input.has-focus:after {
|
||||
border-top: 2px solid blue;
|
||||
border-top: 2px solid $text-input-highlight-color;
|
||||
}
|
||||
|
||||
ion-input.has-focus + ion-input:before {
|
||||
border-top-color: blue;
|
||||
border-top-color: $text-input-highlight-color;
|
||||
}
|
||||
|
||||
}
|
||||
|
Reference in New Issue
Block a user