From 27303fd8a125aa248352288c14f7e6b1c7199203 Mon Sep 17 00:00:00 2001
From: Kazhnuz <antoine@sortilege.net>
Date: Sat, 13 Oct 2018 18:09:15 +0200
Subject: [PATCH] palette: add support for colored text

---
 css/palette.css   | 49 +++++++++++++++++++++++++++++++++++++++++++++++
 scss/palette.scss | 26 +++++++++++++++++++++++++
 2 files changed, 75 insertions(+)

diff --git a/css/palette.css b/css/palette.css
index b0d0523..4069676 100644
--- a/css/palette.css
+++ b/css/palette.css
@@ -342,3 +342,52 @@
 .alert-success {
   background-color: #d9f0c1;
   color: black; }
+
+/* TEXT */
+.text-blue {
+  color: #4e63c9; }
+
+.text-violet {
+  color: #ce4dcd; }
+
+.text-purple {
+  color: #7951c0; }
+
+.text-red {
+  color: #e33d22; }
+
+.text-orange {
+  color: #eb790a; }
+
+.text-green {
+  color: #75b82d; }
+
+.text-skyblue {
+  color: #42a0f3; }
+
+.text-dark {
+  color: #6d6d6d; }
+
+.text-light {
+  color: #eeeeec; }
+
+.text-turquoise {
+  color: #46bd9e; }
+
+.text-primary {
+  color: #7951c0; }
+
+.text-secondary {
+  color: #4e63c9; }
+
+.text-warning {
+  color: #eb790a; }
+
+.text-danger {
+  color: #e33d22; }
+
+.text-info {
+  color: #42a0f3; }
+
+.text-success {
+  color: #75b82d; }
diff --git a/scss/palette.scss b/scss/palette.scss
index 2c307c2..d27b726 100644
--- a/scss/palette.scss
+++ b/scss/palette.scss
@@ -38,6 +38,10 @@ $color-success: $color-green;
   color: darken($background-color, 80%);
 }
 
+@mixin text-color($text-color) {
+  color: $text-color;
+}
+
 /* CARDS */
 
 .card {
@@ -135,3 +139,25 @@ $color-success: $color-green;
   &-info { @include alert-color($color-info); }
   &-success { @include alert-color($color-success); }
 }
+
+/* TEXT */
+
+.text {
+  &-blue { @include text-color($color-blue); }
+  &-violet { @include text-color($color-violet); }
+  &-purple { @include text-color($color-purple); }
+  &-red { @include text-color($color-red); }
+  &-orange { @include text-color($color-orange); }
+  &-green { @include text-color($color-green); }
+  &-skyblue { @include text-color($color-skyblue); }
+  &-dark { @include text-color($color-dark); }
+  &-light { @include text-color($color-light); }
+  &-turquoise { @include text-color($color-turquoise); }
+  
+  &-primary { @include text-color($color-primary); }
+  &-secondary { @include text-color($color-secondary); }
+  &-warning { @include text-color($color-warning); }
+  &-danger { @include text-color($color-danger); }
+  &-info { @include text-color($color-info); }
+  &-success { @include text-color($color-success); }
+}