github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

fixed direct-chat with bg-*

pull/2197/head
REJack 2019-08-19 13:00:46 +02:00
parent f549efa62a
commit af21f07b3d
No known key found for this signature in database
GPG Key ID: 9F3976CC630CC888
1 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
build/scss/_mixins.scss
View File

@ -266,6 +266,32 @@
border-left-color: $bg-color; border-left-color: $bg-color;
} }
} }
@each $name, $color in $theme-colors {
&.bg-#{$name},
&.bg-gradient-#{$name} {
.direct-chat-timestamp {
@if (color-yiq($color) == $yiq-text-dark) {
color: lighten(color-yiq($color), 10%);
} @else {
color: darken(color-yiq($color), 20%);
}
}
}
}
@each $name, $color in $colors {
&.bg-#{$name},
&.bg-gradient-#{$name} {
.direct-chat-timestamp {
@if (color-yiq($color) == $yiq-text-dark) {
color: lighten(color-yiq($color), 10%);
} @else {
color: darken(color-yiq($color), 20%);
}
}
}
}
} }
// Background Variant // Background Variant
@ -281,13 +307,13 @@
&.btn { &.btn {
&:hover { &:hover {
border-color: darken($color, 10%); border-color: darken($color, 10%);
color: color-yiq(darken($color, 7.5%)); color: darken(color-yiq($color), 7.5%);
} }
&:active, &:active,
&.active { &.active {
border-color: darken($color, 12.5%); border-color: darken($color, 12.5%);
color: color-yiq(darken($color, 10%)); color: darken(color-yiq($color), 10%);
} }
} }
} }
@ -311,14 +337,14 @@
&:hover { &:hover {
@include bg-gradient-variant('&', darken($color, 7.5%)); @include bg-gradient-variant('&', darken($color, 7.5%));
border-color: darken($color, 10%); border-color: darken($color, 10%);
color: color-yiq(darken($color, 7.5%)); color: darken(color-yiq($color), 7.5%);
} }
&:active, &:active,
&.active { &.active {
@include bg-gradient-variant('&', darken($color, 10%)); @include bg-gradient-variant('&', darken($color, 10%));
border-color: darken($color, 12.5%); border-color: darken($color, 12.5%);
color: color-yiq(darken($color, 10%)); color: darken(color-yiq($color), 10%);
} }
} }
} }