From b485eba3a8cfb6bc2d78e025d04710339e5842d5 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Wed, 10 Oct 2018 10:29:34 -0500 Subject: [PATCH] fix(label): add color variable, examples to test and document references #14853 references #14850 --- core/src/components/label/label.scss | 7 +++++ .../label/test/standalone/index.html | 28 ++++++++++++++----- 2 files changed, 28 insertions(+), 7 deletions(-) diff --git a/core/src/components/label/label.scss b/core/src/components/label/label.scss index e8e398de7a..6aa467454c 100644 --- a/core/src/components/label/label.scss +++ b/core/src/components/label/label.scss @@ -5,12 +5,19 @@ // -------------------------------------------------- :host { + /** + * @prop --color: Color of the label + */ + --color: currentColor; + @include margin(0); display: block; flex: 1; + color: var(--color); + font-family: $font-family-base; font-size: inherit; diff --git a/core/src/components/label/test/standalone/index.html b/core/src/components/label/test/standalone/index.html index 8e87a4b501..a1de1acfb5 100644 --- a/core/src/components/label/test/standalone/index.html +++ b/core/src/components/label/test/standalone/index.html @@ -8,19 +8,33 @@ - - +

Default

Default - Wrap label this label just goes on and on and on + Wrap label this label just goes on and on and on Fixed Floating Stacked + +

Colors

+ Primary + Secondary + Tertiary + Success + Warning + Danger + Light + Medium + Dark + Custom + + +