save
This commit is contained in:
@@ -142,6 +142,15 @@ button{
|
||||
background: none;
|
||||
border: none;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
transition: opacity .2s ease-out;
|
||||
}
|
||||
.lang__open:hover{
|
||||
opacity: .8;
|
||||
}
|
||||
.lang-open p{
|
||||
font-family: var(--font-family);
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
@@ -150,26 +159,19 @@ button{
|
||||
text-align: start;
|
||||
|
||||
color: var(--text-black);
|
||||
|
||||
position: relative;
|
||||
|
||||
transition: opacity .2s ease-out;
|
||||
}
|
||||
.lang__open::before{
|
||||
content: '';
|
||||
.lang-open__arrow{
|
||||
margin-left: 7.25px;
|
||||
|
||||
position: absolute;
|
||||
top: 19.25px;
|
||||
right: 18.25px;
|
||||
|
||||
width: 10px;
|
||||
height: 6px;
|
||||
|
||||
background-image: url(../img/svg/main/arrow-black.svg);
|
||||
background-repeat: no-repeat;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.lang__open:hover{
|
||||
opacity: .8;
|
||||
.lang-open__black{
|
||||
|
||||
}
|
||||
.lang-open__white{
|
||||
display: none;
|
||||
}
|
||||
.lang__content{
|
||||
position: absolute;
|
||||
@@ -273,6 +275,9 @@ button{
|
||||
width: 24px;
|
||||
aspect-ratio: 1;
|
||||
}
|
||||
.mini-profile__icon.white{
|
||||
display: none;
|
||||
}
|
||||
/* mini-profile */
|
||||
|
||||
|
||||
|
||||
@@ -73,7 +73,8 @@
|
||||
width: 182px;
|
||||
height: 40px;
|
||||
}
|
||||
.header__logo-black{
|
||||
.header__logo-black,
|
||||
.header__logo-white{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -236,6 +237,40 @@
|
||||
|
||||
text-decoration: none;
|
||||
}
|
||||
.header.white{
|
||||
background-color: thistle;
|
||||
}
|
||||
.header.white .header__logo-black{
|
||||
display: none;
|
||||
}
|
||||
.header.white .main-menu__link{
|
||||
color: var(--text-white);
|
||||
}
|
||||
.header.white .main-menu__button{
|
||||
background: var(--background-white);
|
||||
}
|
||||
.header.white .lang__open{
|
||||
color: var(--text-white);
|
||||
}
|
||||
.header.white::after{
|
||||
background: var(--background-white);
|
||||
}
|
||||
.header.white .lang-open__black{
|
||||
display: none;
|
||||
}
|
||||
.header.white .lang-open__white{
|
||||
display: block;
|
||||
}
|
||||
.header.white .mini-profile__icon.white{
|
||||
display: block;
|
||||
}
|
||||
.header.white .mini-profile__icon.black{
|
||||
display: none;
|
||||
}
|
||||
.header.white .header__open-menu::before,
|
||||
.header.white .header__open-menu::after{
|
||||
background: var(--background-white);
|
||||
}
|
||||
/* header end */
|
||||
|
||||
/* product */
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
background: none;
|
||||
}
|
||||
.modal__basket .modal__header {
|
||||
height: calc(100% - 158px);
|
||||
height: calc(100% - 92px);
|
||||
margin-bottom: -36px;
|
||||
}
|
||||
.modal-basket-item__block-image{
|
||||
|
||||
Reference in New Issue
Block a user