Files
unity/resources/sass/admin/layout/header/themes/_header-light.scss
T
glovetleong 8fa80e4a1a setup
2021-06-17 09:53:04 +08:00

144 lines
3.0 KiB
SCSS
Vendored

// Header Light
.app-header {
&.text-lighter {
.app-header-left .header-megamenu > li > .dropdown > .btn,
.app-header-left .header-megamenu > li > .btn {
color: rgba(255, 255, 255, .7);
.nav-link-icon {
color: rgba(255, 255, 255, .8);
}
&:hover {
color: rgba(255, 255, 255, 1);
}
}
.app-header-right {
.icon-wrapper-alt {
.fa,
i,
.icon {
color: rgba(255, 255, 255, .7) !important;
transition: all .2s;
}
.icon-wrapper-bg {
background: rgba(255, 255, 255, .1) !important;
transition: all .2s;
opacity: 1;
}
&:hover {
.fa,
i,
.icon {
color: rgba(255, 255, 255, .9) !important;
}
.icon-wrapper-bg {
background: rgba(255, 255, 255, .15) !important;
}
}
.badge-dot {
border-color: transparent;
}
}
.header-btn-lg {
.widget-content-left > .dropdown .btn-link {
svg path {
fill: rgba(255, 255, 255, .5);
}
&:hover {
svg path {
fill: rgba(255, 255, 255, .8);
}
}
}
.header-user-info {
.widget-heading,
.widget-subheading {
color: rgba(255, 255, 255, .8);
}
& > .btn-shadow {
box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, .1), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
}
}
}
}
.search-wrapper {
.input-holder {
.search-icon {
background: rgba(0, 0, 0, .1);
}
.search-input::placeholder,
.search-input::-webkit-input-placeholder,
.search-input:-ms-input-placeholder,
.search-input:-moz-placeholder,
.search-input::-moz-placeholder {
color: rgba(255, 255, 255, .5) !important;
}
}
&.active {
.input-holder {
background: rgba(255, 255, 255, .1);
.search-input {
color: rgba(255, 255, 255, .8);
}
.search-icon {
background: rgba(255, 255, 255, .1);
}
}
}
}
.header-btn-lg {
&::before {
background: rgba(255, 255, 255, .2);
}
}
.header-btn-lg,
.header__pane {
.hamburger-inner,
.hamburger.is-active .hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
background-color: rgba(255, 255, 255, .8) !important;
}
}
.search-wrapper .input-holder .search-icon span::after {
border-color: rgba(255, 255, 255, .8);
}
.search-wrapper .close::before,
.search-wrapper .close::after,
.search-wrapper .input-holder .search-icon span::before {
background: rgba(255, 255, 255, .8);
}
.app-header__mobile-menu {
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
background: rgba(255, 255, 255, .9);
}
}
}
}