javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(packages): move the packages to root

Browse Source
This commit is contained in:
Brandy Carney
2018-03-12 16:02:25 -04:00
parent 097f1a2cd3
commit d37623a2ca
1255 changed files with 38 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
core/src/components/label/label.ios.scss Normal file
View File

@ -0,0 +1,64 @@
@import "./label";
@import "./label.ios.vars";
// iOS Label
// --------------------------------------------------
.label-ios {
@include margin($label-ios-margin-top, $label-ios-margin-end, $label-ios-margin-bottom, $label-ios-margin-start);
font-family: $label-ios-font-family;
}
// iOS Default Label Inside An Input/Select Item
// --------------------------------------------------
.item-input .label-ios,
.item-select .label-ios,
.item-datetime .label-ios {
color: $label-ios-text-color;
}
// iOS Stacked & Floating Labels
// --------------------------------------------------
.label-ios[stacked] {
@include margin(null, null, 4px, null);
font-size: 12px;
}
.label-ios[floating] {
@include margin(null, null, 0, null);
@include transform(translate3d(0, 27px, 0));
@include transform-origin(start, top);
transition: transform 150ms ease-in-out;
}
.item-input-has-focus .label-ios[floating],
.item-input-has-value .label-ios[floating] {
@include transform(translate3d(0, 0, 0), scale(.8));
}
.item-input-has-focus .label-ios[stacked],
.item-input-has-focus .label-ios[floating] {
color: $label-ios-text-color-focused;
}
// Generate iOS Label colors
// --------------------------------------------------
@each $color-name, $color-value in $colors-ios {
$color-base: ion-color($colors-ios, $color-name, base, ios);
.label-ios-#{$color-name},
.item-input .label-ios-#{$color-name},
.item-select .label-ios-#{$color-name},
.item-datetime .label-ios-#{$color-name} {
color: $color-base;
}
}