kazhnuz/bluesky-bootstrap-theme
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

palette: fully support background colors

Browse source
This commit is contained in:
Kazhnuz 2018-10-13 18:07:06 +02:00
parent 1de1aa9a01
commit d2d1e548fd
2 changed files with 90 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
css/palette.css
View file

@ -177,6 +177,7 @@
background-color: #8fd246; background-color: #8fd246;
color: #FFF; } color: #FFF; }
/* social */
.btn-facebook { .btn-facebook {
background-color: #3B5998; background-color: #3B5998;
color: #FFF; } color: #FFF; }
@ -212,10 +213,70 @@
background-color: #3d4455; background-color: #3d4455;
color: #FFF; } color: #FFF; }
/* social */ /* BACKGROUNDS */
/* de base */ .bg-blue {
background-color: #4e63c9 !important;
color: #FFF; }
.bg-violet {
background-color: #ce4dcd !important;
color: #FFF; }
.bg-purple {
background-color: #7951c0 !important;
color: #FFF; }
.bg-red {
background-color: #e33d22 !important;
color: #FFF; }
.bg-orange {
background-color: #eb790a !important;
color: #FFF; }
.bg-green {
background-color: #75b82d !important;
color: #FFF; }
.bg-skyblue {
background-color: #42a0f3 !important;
color: #FFF; }
.bg-dark {
background-color: #6d6d6d !important;
color: #FFF; }
.bg-light {
background-color: #eeeeec !important;
color: #111; }
.bg-turquoise {
background-color: #46bd9e !important;
color: #FFF; }
.bg-primary { .bg-primary {
background-color: #7951c0 !important; } background-color: #7951c0 !important;
color: #FFF; }
.bg-secondary {
background-color: #4e63c9 !important;
color: #FFF; }
.bg-warning {
background-color: #eb790a !important;
color: #FFF; }
.bg-danger {
background-color: #e33d22 !important;
color: #FFF; }
.bg-info {
background-color: #42a0f3 !important;
color: #FFF; }
.bg-success {
background-color: #75b82d !important;
color: #FFF; }
/* alertes */ /* alertes */
.alert-primary { .alert-primary {

31
scss/palette.scss
View file

@ -28,6 +28,11 @@ $color-success: $color-green;
color: $text-color; color: $text-color;
} }
@mixin background-color($background-color, $text-color) {
background-color: $background-color!important;
color: $text-color;
}
/* CARDS */ /* CARDS */
.card { .card {
@ -72,6 +77,8 @@ $color-success: $color-green;
&-success { @include button-color($color-success, #FFF); } &-success { @include button-color($color-success, #FFF); }
} }
/* social */
.btn { .btn {
&-facebook {@include button-color(#3B5998, #FFF);} &-facebook {@include button-color(#3B5998, #FFF);}
&-twitter {@include button-color(#55ACEE, #FFF);} &-twitter {@include button-color(#55ACEE, #FFF);}
@ -80,14 +87,26 @@ $color-success: $color-green;
&-mastodon {@include button-color(#282c37, #FFF);} &-mastodon {@include button-color(#282c37, #FFF);}
} }
/* social */ /* BACKGROUNDS */
.bg {
&-blue { @include background-color($color-blue, #FFF); }
&-violet { @include background-color($color-violet, #FFF); }
&-purple { @include background-color($color-purple, #FFF); }
&-red { @include background-color($color-red, #FFF); }
&-orange { @include background-color($color-orange, #FFF); }
&-green { @include background-color($color-green, #FFF); }
&-skyblue { @include background-color($color-skyblue, #FFF); }
&-dark { @include background-color($color-dark, #FFF); }
&-light { @include background-color($color-light, #111); }
&-turquoise { @include background-color($color-turquoise, #FFF); }
&-primary { @include background-color($color-primary, #FFF); }
/* de base */ &-secondary { @include background-color($color-secondary, #FFF); }
&-warning { @include background-color($color-warning, #FFF); }
.bg-primary { &-danger { @include background-color($color-danger, #FFF); }
background-color:#7951c0!important; &-info { @include background-color($color-info, #FFF); }
&-success { @include background-color($color-success, #FFF); }
} }
/* alertes */ /* alertes */