79 lines
1.4 KiB
SCSS
79 lines
1.4 KiB
SCSS
|
/*
|
||
|
|
* Pages Mixins
|
||
|
|
*/
|
||
|
|
@import '../../scss/_bootstrap-extended/functions';
|
||
|
|
|
||
|
|
@mixin icon-theme($color) {
|
||
|
|
.icon-card.active {
|
||
|
|
outline: 1px solid $color;
|
||
|
|
i,
|
||
|
|
svg {
|
||
|
|
color: $color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// App Chat
|
||
|
|
@mixin app-chat-theme($color) {
|
||
|
|
$chat-item-active-bg: $color;
|
||
|
|
.app-chat {
|
||
|
|
.sidebar-body {
|
||
|
|
.chat-contact-list {
|
||
|
|
li {
|
||
|
|
&.active {
|
||
|
|
background: $chat-item-active-bg;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.app-chat-history {
|
||
|
|
.chat-history {
|
||
|
|
.chat-message {
|
||
|
|
&.chat-message-right {
|
||
|
|
.chat-message-text {
|
||
|
|
background-color: $color !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin front-theme($color) {
|
||
|
|
// Navbar ---------------------
|
||
|
|
.navbar {
|
||
|
|
&.landing-navbar {
|
||
|
|
.navbar-nav {
|
||
|
|
.show > .nav-link,
|
||
|
|
.active > .nav-link,
|
||
|
|
.nav-link.show,
|
||
|
|
.nav-link.active,
|
||
|
|
.nav-link:hover {
|
||
|
|
color: $color !important;
|
||
|
|
i {
|
||
|
|
color: $color !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Landing page ---------------------
|
||
|
|
// Useful features
|
||
|
|
.landing-features {
|
||
|
|
.features-icon-wrapper {
|
||
|
|
.features-icon-box {
|
||
|
|
.features-icon {
|
||
|
|
border: 2px solid rgba($color, 0.2);
|
||
|
|
}
|
||
|
|
&:hover {
|
||
|
|
.features-icon {
|
||
|
|
background-color: rgba($color, 0.05);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|