Add color helpers

This commit is contained in:
Jeremy Thomas
2018-04-08 15:34:40 +01:00
parent 7f03c86c1e
commit 7ece5f5156
9 changed files with 150 additions and 15 deletions

View File

@@ -691,6 +691,10 @@ a.has-text-white:hover, a.has-text-white:focus {
color: #e6e6e6 !important;
}
.has-background-white {
background-color: white !important;
}
.has-text-black {
color: #0a0a0a !important;
}
@@ -699,6 +703,10 @@ a.has-text-black:hover, a.has-text-black:focus {
color: black !important;
}
.has-background-black {
background-color: #0a0a0a !important;
}
.has-text-light {
color: whitesmoke !important;
}
@@ -707,6 +715,10 @@ a.has-text-light:hover, a.has-text-light:focus {
color: #dbdbdb !important;
}
.has-background-light {
background-color: whitesmoke !important;
}
.has-text-dark {
color: #363636 !important;
}
@@ -715,6 +727,10 @@ a.has-text-dark:hover, a.has-text-dark:focus {
color: #1c1c1c !important;
}
.has-background-dark {
background-color: #363636 !important;
}
.has-text-primary {
color: #00d1b2 !important;
}
@@ -723,6 +739,10 @@ a.has-text-primary:hover, a.has-text-primary:focus {
color: #009e86 !important;
}
.has-background-primary {
background-color: #00d1b2 !important;
}
.has-text-link {
color: #3273dc !important;
}
@@ -731,6 +751,10 @@ a.has-text-link:hover, a.has-text-link:focus {
color: #205bbc !important;
}
.has-background-link {
background-color: #3273dc !important;
}
.has-text-info {
color: #209cee !important;
}
@@ -739,6 +763,10 @@ a.has-text-info:hover, a.has-text-info:focus {
color: #0f81cc !important;
}
.has-background-info {
background-color: #209cee !important;
}
.has-text-success {
color: #23d160 !important;
}
@@ -747,6 +775,10 @@ a.has-text-success:hover, a.has-text-success:focus {
color: #1ca64c !important;
}
.has-background-success {
background-color: #23d160 !important;
}
.has-text-warning {
color: #ffdd57 !important;
}
@@ -755,6 +787,10 @@ a.has-text-warning:hover, a.has-text-warning:focus {
color: #ffd324 !important;
}
.has-background-warning {
background-color: #ffdd57 !important;
}
.has-text-danger {
color: #ff3860 !important;
}
@@ -763,6 +799,10 @@ a.has-text-danger:hover, a.has-text-danger:focus {
color: #ff0537 !important;
}
.has-background-danger {
background-color: #ff3860 !important;
}
.has-text-black-bis {
color: #121212 !important;
}