chore: remove some palette duplicates
This commit is contained in:
parent
ea976d6d04
commit
5c84704967
6 changed files with 1 additions and 211 deletions
|
@ -31,7 +31,7 @@
|
||||||
/* ------------------ HEADERS ------------------- */
|
/* ------------------ HEADERS ------------------- */
|
||||||
|
|
||||||
#page-header {
|
#page-header {
|
||||||
background: $color-turquoise url('img/background.png') center bottom repeat-x;
|
background: $color-skyblue url('img/background.png') center bottom repeat-x;
|
||||||
border-top: 6px solid $color-dark2;
|
border-top: 6px solid $color-dark2;
|
||||||
padding-bottom:3rem;
|
padding-bottom:3rem;
|
||||||
|
|
||||||
|
|
|
@ -13,16 +13,13 @@
|
||||||
|
|
||||||
$color-blue: #268bd2;
|
$color-blue: #268bd2;
|
||||||
$color-violet: #d33682;
|
$color-violet: #d33682;
|
||||||
$color-purple: #6c71c4;
|
|
||||||
$color-red: #dc322f;
|
$color-red: #dc322f;
|
||||||
$color-orange: #cb4b16;
|
$color-orange: #cb4b16;
|
||||||
$color-green: #859900;
|
$color-green: #859900;
|
||||||
$color-skyblue: #2aa198;
|
$color-skyblue: #2aa198;
|
||||||
$color-dark: #002b36;
|
$color-dark: #002b36;
|
||||||
$color-light: #fdf6e3;
|
$color-light: #fdf6e3;
|
||||||
$color-turquoise: #2aa198;
|
|
||||||
$color-yellow: #b58900;
|
$color-yellow: #b58900;
|
||||||
$color-brown: #b58900;
|
|
||||||
$color-grey: #586e75;
|
$color-grey: #586e75;
|
||||||
|
|
||||||
$color-dark2: #073642;
|
$color-dark2: #073642;
|
||||||
|
@ -82,16 +79,13 @@ blockquote, pre {
|
||||||
.bg {
|
.bg {
|
||||||
&-blue { @include background-color($color-blue, $color-light); }
|
&-blue { @include background-color($color-blue, $color-light); }
|
||||||
&-violet { @include background-color($color-violet, $color-light); }
|
&-violet { @include background-color($color-violet, $color-light); }
|
||||||
&-purple { @include background-color($color-purple, $color-light); }
|
|
||||||
&-red { @include background-color($color-red, $color-light); }
|
&-red { @include background-color($color-red, $color-light); }
|
||||||
&-orange { @include background-color($color-orange, $color-light); }
|
&-orange { @include background-color($color-orange, $color-light); }
|
||||||
&-green { @include background-color($color-green, $color-light); }
|
&-green { @include background-color($color-green, $color-light); }
|
||||||
&-skyblue { @include background-color($color-skyblue, $color-light); }
|
&-skyblue { @include background-color($color-skyblue, $color-light); }
|
||||||
&-dark { @include background-color($color-dark, $color-light); }
|
&-dark { @include background-color($color-dark, $color-light); }
|
||||||
&-light { @include background-color($color-light, $color-dark); }
|
&-light { @include background-color($color-light, $color-dark); }
|
||||||
&-turquoise { @include background-color($color-turquoise, $color-light); }
|
|
||||||
&-yellow { @include background-color($color-yellow, $color-light); }
|
&-yellow { @include background-color($color-yellow, $color-light); }
|
||||||
&-brown { @include background-color($color-brown, $color-light); }
|
|
||||||
&-grey { @include background-color($color-grey, $color-light); }
|
&-grey { @include background-color($color-grey, $color-light); }
|
||||||
|
|
||||||
&-primary { @include background-color($color-primary, $color-light); }
|
&-primary { @include background-color($color-primary, $color-light); }
|
||||||
|
@ -107,16 +101,13 @@ blockquote, pre {
|
||||||
.text {
|
.text {
|
||||||
&-blue { @include text-color($color-blue); }
|
&-blue { @include text-color($color-blue); }
|
||||||
&-violet { @include text-color($color-violet); }
|
&-violet { @include text-color($color-violet); }
|
||||||
&-purple { @include text-color($color-purple); }
|
|
||||||
&-red { @include text-color($color-red); }
|
&-red { @include text-color($color-red); }
|
||||||
&-orange { @include text-color($color-orange); }
|
&-orange { @include text-color($color-orange); }
|
||||||
&-green { @include text-color($color-green); }
|
&-green { @include text-color($color-green); }
|
||||||
&-skyblue { @include text-color($color-skyblue); }
|
&-skyblue { @include text-color($color-skyblue); }
|
||||||
&-dark { @include text-color($color-dark); }
|
&-dark { @include text-color($color-dark); }
|
||||||
&-light { @include text-color($color-light); }
|
&-light { @include text-color($color-light); }
|
||||||
&-turquoise { @include text-color($color-turquoise); }
|
|
||||||
&-yellow { @include text-color($color-yellow); }
|
&-yellow { @include text-color($color-yellow); }
|
||||||
&-brown { @include text-color($color-brown); }
|
|
||||||
&-grey { @include text-color($color-grey); }
|
&-grey { @include text-color($color-grey); }
|
||||||
|
|
||||||
&-primary { @include text-color($color-primary); }
|
&-primary { @include text-color($color-primary); }
|
||||||
|
|
|
@ -267,35 +267,6 @@ mark {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 2.6.1 - Colored texts */
|
|
||||||
|
|
||||||
@mixin text-color($text-color) {
|
|
||||||
color: $text-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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); }
|
|
||||||
&-yellow { @include text-color($color-yellow); }
|
|
||||||
&-brown { @include text-color($color-brown); }
|
|
||||||
&-grey { @include text-color($color-grey); }
|
|
||||||
|
|
||||||
&-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); }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Table elements */
|
/* Table elements */
|
||||||
|
|
||||||
@mixin table-color($text-color) {
|
@mixin table-color($text-color) {
|
||||||
|
@ -327,16 +298,13 @@ th {
|
||||||
.table {
|
.table {
|
||||||
&-blue { @include table-color($color-blue); }
|
&-blue { @include table-color($color-blue); }
|
||||||
&-violet { @include table-color($color-violet); }
|
&-violet { @include table-color($color-violet); }
|
||||||
&-purple { @include table-color($color-purple); }
|
|
||||||
&-red { @include table-color($color-red); }
|
&-red { @include table-color($color-red); }
|
||||||
&-orange { @include table-color($color-orange); }
|
&-orange { @include table-color($color-orange); }
|
||||||
&-green { @include table-color($color-green); }
|
&-green { @include table-color($color-green); }
|
||||||
&-skyblue { @include table-color($color-skyblue); }
|
&-skyblue { @include table-color($color-skyblue); }
|
||||||
&-dark { @include table-color($color-dark); }
|
&-dark { @include table-color($color-dark); }
|
||||||
&-light { @include table-color($color-light); }
|
&-light { @include table-color($color-light); }
|
||||||
&-turquoise { @include table-color($color-turquoise); }
|
|
||||||
&-yellow { @include table-color($color-yellow); }
|
&-yellow { @include table-color($color-yellow); }
|
||||||
&-brown { @include table-color($color-brown); }
|
|
||||||
&-grey { @include table-color($color-grey); }
|
&-grey { @include table-color($color-grey); }
|
||||||
|
|
||||||
&-primary { @include table-color($color-primary); }
|
&-primary { @include table-color($color-primary); }
|
||||||
|
|
|
@ -163,16 +163,13 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
|
||||||
.btn, a.btn, .badge, .chip, a.chip, a.badge, .label, a.label, label.label {
|
.btn, a.btn, .badge, .chip, a.chip, a.badge, .label, a.label, label.label {
|
||||||
&-blue { @include button-color($color-blue, $color-button-light); }
|
&-blue { @include button-color($color-blue, $color-button-light); }
|
||||||
&-violet { @include button-color($color-violet, $color-button-light); }
|
&-violet { @include button-color($color-violet, $color-button-light); }
|
||||||
&-purple { @include button-color($color-purple, $color-button-light); }
|
|
||||||
&-red { @include button-color($color-red, $color-button-light); }
|
&-red { @include button-color($color-red, $color-button-light); }
|
||||||
&-orange { @include button-color($color-orange, $color-button-light); }
|
&-orange { @include button-color($color-orange, $color-button-light); }
|
||||||
&-green { @include button-color($color-green, $color-button-light); }
|
&-green { @include button-color($color-green, $color-button-light); }
|
||||||
&-skyblue { @include button-color($color-skyblue, $color-button-light); }
|
&-skyblue { @include button-color($color-skyblue, $color-button-light); }
|
||||||
&-dark { @include button-color($color-dark, $color-button-light); }
|
&-dark { @include button-color($color-dark, $color-button-light); }
|
||||||
&-light { @include button-color($color-light2, $color-button-dark); }
|
&-light { @include button-color($color-light2, $color-button-dark); }
|
||||||
&-turquoise { @include button-color($color-turquoise, $color-button-light); }
|
|
||||||
&-yellow { @include button-color($color-yellow, $color-button-light); }
|
&-yellow { @include button-color($color-yellow, $color-button-light); }
|
||||||
&-brown { @include button-color($color-brown, $color-button-light); }
|
|
||||||
&-grey { @include button-color($color-grey, $color-button-light); }
|
&-grey { @include button-color($color-grey, $color-button-light); }
|
||||||
|
|
||||||
&-primary { @include button-color($color-primary, $color-button-light); }
|
&-primary { @include button-color($color-primary, $color-button-light); }
|
||||||
|
|
|
@ -202,16 +202,13 @@ ul.card-list, .card > ul {
|
||||||
.card, .smallcard, .menu {
|
.card, .smallcard, .menu {
|
||||||
&-blue { @include card-color($color-blue, $color-light); }
|
&-blue { @include card-color($color-blue, $color-light); }
|
||||||
&-violet { @include card-color($color-violet, $color-light); }
|
&-violet { @include card-color($color-violet, $color-light); }
|
||||||
&-purple { @include card-color($color-purple, $color-light); }
|
|
||||||
&-red { @include card-color($color-red, $color-light); }
|
&-red { @include card-color($color-red, $color-light); }
|
||||||
&-orange { @include card-color($color-orange, $color-light); }
|
&-orange { @include card-color($color-orange, $color-light); }
|
||||||
&-green { @include card-color($color-green, $color-light); }
|
&-green { @include card-color($color-green, $color-light); }
|
||||||
&-skyblue { @include card-color($color-skyblue, $color-light); }
|
&-skyblue { @include card-color($color-skyblue, $color-light); }
|
||||||
&-dark { @include card-color($color-dark, $color-light); }
|
&-dark { @include card-color($color-dark, $color-light); }
|
||||||
&-light { @include card-color($color-light2, $color-dark); }
|
&-light { @include card-color($color-light2, $color-dark); }
|
||||||
&-turquoise { @include card-color($color-turquoise, $color-light); }
|
|
||||||
&-yellow { @include card-color($color-yellow, $color-light); }
|
&-yellow { @include card-color($color-yellow, $color-light); }
|
||||||
&-brown { @include card-color($color-brown, $color-light); }
|
|
||||||
&-grey { @include card-color($color-grey, $color-light); }
|
&-grey { @include card-color($color-grey, $color-light); }
|
||||||
|
|
||||||
&-primary { @include card-color($color-primary, $color-light); }
|
&-primary { @include card-color($color-primary, $color-light); }
|
||||||
|
@ -225,16 +222,13 @@ ul.card-list, .card > ul {
|
||||||
.toast {
|
.toast {
|
||||||
&-blue { @include background-color($color-blue, $color-light); }
|
&-blue { @include background-color($color-blue, $color-light); }
|
||||||
&-violet { @include background-color($color-violet, $color-light); }
|
&-violet { @include background-color($color-violet, $color-light); }
|
||||||
&-purple { @include background-color($color-purple, $color-light); }
|
|
||||||
&-red { @include background-color($color-red, $color-light); }
|
&-red { @include background-color($color-red, $color-light); }
|
||||||
&-orange { @include background-color($color-orange, $color-light); }
|
&-orange { @include background-color($color-orange, $color-light); }
|
||||||
&-green { @include background-color($color-green, $color-light); }
|
&-green { @include background-color($color-green, $color-light); }
|
||||||
&-skyblue { @include background-color($color-skyblue, $color-light); }
|
&-skyblue { @include background-color($color-skyblue, $color-light); }
|
||||||
&-dark { @include background-color($color-dark, $color-light); }
|
&-dark { @include background-color($color-dark, $color-light); }
|
||||||
&-light { @include background-color($color-light2, $color-dark); }
|
&-light { @include background-color($color-light2, $color-dark); }
|
||||||
&-turquoise { @include background-color($color-turquoise, $color-light); }
|
|
||||||
&-yellow { @include background-color($color-yellow, $color-light); }
|
&-yellow { @include background-color($color-yellow, $color-light); }
|
||||||
&-brown { @include background-color($color-brown, $color-light); }
|
|
||||||
&-grey { @include background-color($color-grey, $color-light); }
|
&-grey { @include background-color($color-grey, $color-light); }
|
||||||
|
|
||||||
&-primary { @include background-color($color-primary, $color-light); }
|
&-primary { @include background-color($color-primary, $color-light); }
|
||||||
|
|
160
style.css
160
style.css
File diff suppressed because one or more lines are too long
Reference in a new issue