at the end of the day, it was inevitable
This commit is contained in:
@@ -0,0 +1,136 @@
|
||||
// Header Light
|
||||
|
||||
.app-header {
|
||||
&.header-text-light {
|
||||
.app-header-left > .nav > li > .nav-link {
|
||||
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 {
|
||||
|
||||
svg {
|
||||
fill: rgba(255, 255, 255, .7);
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
.icon-wrapper-bg {
|
||||
background: rgba(255, 255, 255, .1) !important;
|
||||
transition: all .2s;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
svg {
|
||||
fill: rgba(255, 255, 255, .95);
|
||||
}
|
||||
|
||||
.icon-wrapper-bg {
|
||||
background: rgba(255, 255, 255, .15) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.badge-dot {
|
||||
border-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
& > .header-btn-lg {
|
||||
|
||||
& .widget-content-left .btn-group > .btn-link,
|
||||
.widget-heading,
|
||||
.widget-subheading {
|
||||
color: rgba(255, 255, 255, .8);
|
||||
}
|
||||
|
||||
.header-user-info {
|
||||
& > .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,
|
||||
&::-webkit-input-placeholder,
|
||||
&:-ms-input-placeholder,
|
||||
&:-moz-placeholder,
|
||||
&::-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__logo {
|
||||
.logo-src {
|
||||
background: url(../images/logo/logo-small.png);
|
||||
}
|
||||
}
|
||||
|
||||
.app-header__mobile-menu {
|
||||
.hamburger-inner,
|
||||
.hamburger-inner::before,
|
||||
.hamburger-inner::after {
|
||||
background: rgba(255, 255, 255, .9);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user