mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 08:09:32 +08:00
a7f1f4daa7
- updates components to use shadow DOM or scoped if they require css variables - moves global styles to an external stylesheet that needs to be imported - adds support for additional colors and removes the Sass loops to generate colors for each component - several property renames, bug fixes, and test updates Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com> Co-authored-by: Adam Bradley <adambradley25@gmail.com> Co-authored-by: Cam Wiegert <cam@camwiegert.com>
37 lines
1.3 KiB
SCSS
37 lines
1.3 KiB
SCSS
@import "../../themes/ionic.globals.md";
|
|
|
|
@import "../item/item.md.vars";
|
|
|
|
// Material Design Label
|
|
// --------------------------------------------------
|
|
|
|
/// @prop - Font family of the label
|
|
$label-md-font-family: $font-family-base !default;
|
|
|
|
/// @prop - Text color of the label by an input, select, or datetime
|
|
$label-md-text-color: $text-color-step-600 !default;
|
|
|
|
/// @prop - Text color of the stacked/floating label when it is focused
|
|
$label-md-text-color-focused: ion-color(primary, base) !default;
|
|
|
|
/// @prop - Margin top of the label
|
|
$label-md-margin-top: $item-md-padding-top !default;
|
|
|
|
/// @prop - Margin end of the label
|
|
$label-md-margin-end: ($item-md-padding-end / 2) !default;
|
|
|
|
/// @prop - Margin bottom of the label
|
|
$label-md-margin-bottom: $item-md-padding-bottom !default;
|
|
|
|
/// @prop - Margin start of the label
|
|
$label-md-margin-start: 0 !default;
|
|
|
|
/// @prop - Font size of the label when the text wraps
|
|
$label-md-text-wrap-font-size: 14px !default;
|
|
|
|
/// @prop - Line height of the label when the text wraps
|
|
$label-md-text-wrap-line-height: 1.5 !default;
|
|
|
|
/// @prop - Color of the item paragraph
|
|
$item-md-paragraph-text-color: $text-color-step-400 !default;
|