From dff7a87e2e5e4c85d9af99dab9b2668da5a30486 Mon Sep 17 00:00:00 2001 From: Jean-Romain Garnier Date: Sun, 17 Jan 2021 19:31:08 +0100 Subject: [PATCH] Add css rules for label elements --- default-dark/default-dark-variables.scss | 4 ++++ solarized/solarized-variables.scss | 4 ++++ template-variables.scss | 4 ++++ template.scss | 29 ++++++++++++++++++++++++ 4 files changed, 41 insertions(+) diff --git a/default-dark/default-dark-variables.scss b/default-dark/default-dark-variables.scss index 07b1996..310e763 100644 --- a/default-dark/default-dark-variables.scss +++ b/default-dark/default-dark-variables.scss @@ -47,6 +47,10 @@ $bg-text-color: $text-color; $bg-link-color: #628bae; +// Labels +$label-text-color: $text-color; + + // Forms $forms-text-color: #555555; $forms-background-color: #ffffff; diff --git a/solarized/solarized-variables.scss b/solarized/solarized-variables.scss index 1631dd7..848a62e 100644 --- a/solarized/solarized-variables.scss +++ b/solarized/solarized-variables.scss @@ -47,6 +47,10 @@ $bg-text-color: #ffffff; $bg-link-color: #00e8d2; +// Labels +$label-text-color: #ffffff; + + // Forms $forms-text-color: #495057; $forms-background-color: #a9bdbd; diff --git a/template-variables.scss b/template-variables.scss index 6bf9866..d82a632 100644 --- a/template-variables.scss +++ b/template-variables.scss @@ -49,6 +49,10 @@ $bg-text-color: none; $bg-link-color: none; +// Labels +$label-text-color: none; + + // Forms $forms-text-color: none; $forms-background-color: none; diff --git a/template.scss b/template.scss index 2fcb87c..4291541 100644 --- a/template.scss +++ b/template.scss @@ -153,6 +153,35 @@ a:hover { } +/* + * Labels + */ +.label-primary { + color: $label-text-color; + background-color: $primary-color; +} +.label-secondary { + color: $label-text-color; + background-color: $secondary-color; +} +.label-success { + color: $label-text-color; + background-color: $success-color; +} +.label-info { + color: $label-text-color; + background-color: $info-color; +} +.label-warning { + color: $label-text-color; + background-color: $warning-color; +} +.label-danger { + color: $label-text-color; + background-color: $danger-color; +} + + /* * Forms */