retailer-vue/src/components/layout/header/Header.scss

167 lines
3.5 KiB
SCSS

.content-color {
color: #1d1d1d !important;
}
.menu-nav-link:hover {
color: #2850da!important;
}
.active-menu-nav-link {
color: #2850da!important;
}
.header-menu-content {
box-shadow: none;
}
.header-menu-content.v-menu__content{
outline: none !important;
}
.header-category-text{
color: #2850da!important;
}
.header-category-text:hover, .header-action-icons:hover{
color: #CCB7FF!important;
}
.header-category-text-active{
color: #404040!important;
}
.header-category-text-active:hover{
color: #CCB7FF!important;
}
.header-category-page-text{
color: #2850da;
}
.header-category-page-text:hover{
color: #CCB7FF;
}
.header-category-icon{
color: #CCB7FF!important;
}
.header-background-white {
background: #fff !important;
}
.header-hover-links{
background: #fff !important;
color: #2850da!important;
}
.header-buttons.v-btn:not(.v-btn--text):not(.v-btn--outlined):focus:before {
opacity: 0 !important;
}
.header-buttons.v-btn:not(.v-btn--text):not(.v-btn--outlined):hover:before {
opacity: 0 !important;
}
// .custom-menu:hover::after {
// content: "";
// width: 0;
// height: 0;
// position: absolute;
// bottom: -84%;
// right: 54px;
// border-width: 0 11px 11px 11px;
// border-style: solid;
// border-color: white #a5161600;
// }
//.custom-menu:hover::after {
// content: "";
// width: 0;
// height: 0;
// position: absolute;
// border-width: 0 11px 11px 11px;
// border-style: solid;
// border-color: #fff #a5161600;
// margin-top: 17px;
/* align-items: flex-start; */
// display: flex;
/* align-items: center; */
/* justify-items: center; */
/* justify-content: end;*/
//}
.headerpage-cart-list{
//max-height:300px !important;
overflow-y:auto;
}
.headerpage-cart-drawer .v-navigation-drawer__content{
overflow-y:hidden !important;
}
.headerpage-cart-drawer{
z-index:9 !important;
}
.header-autocomplete.v-select.v-select--is-menu-active
.v-input__icon--append
.v-icon {
-webkit-transform: rotate(360deg) !important;
transform: rotate(360deg) !important;
}
.header-buttons .v-ripple__container{
opacity:0;
}
.header-menu-button.v-btn:not(.v-btn--text):not(.v-btn--outlined):hover:before {
opacity:0 !important;
}
.header-menu-button .v-ripple__container{
opacity:0;
}
.header-top-margin{
margin-top:56px !important;
}
.promo-banner{
display:flex;
justify-content: center;
align-content: center;
}
.promo-banner a{
text-decoration: none;
color:#ffffff !important;
text-transform: uppercase;
font-size:12px;
align-self: center;
}
.promo-link{
text-decoration: none;
color:#ffffff;
text-transform: uppercase;
font-size:10px;
align-self: center;
}
.promo-banner:hover a{
color:#CCB7FF !important;
}
.promo-banner:active a{
color: #2850da !important;
}
@media screen and (max-width: 600px) {
.promo-banner{
font-size: 8px;
}
}
/*.header-checkoutpage-button:active{
background-color: #2850da !important;
color:#ffffff !important;
}*/
.header-checkoutpage-button.v-btn:before{
background-color: transparent !important;
}
.header-closedrawer-button.v-btn:before{
background-color: transparent !important;
}
.header-search-field.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat)>.v-input__control>.v-input__slot{
height:56px;
margin-bottom: 0px !important;
}
.header-search-field.v-text-field.v-text-field--enclosed .v-text-field__details {
display: none;
margin-bottom: 0px !important;
}