diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css
index 1ffaa3c..66c332f 100644
--- a/assets/css/gp-style-core.css
+++ b/assets/css/gp-style-core.css
@@ -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;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.lang-open__black{
- background-image: url(../img/svg/main/arrow-black.svg);
- background-repeat: no-repeat;
}
-.lang__open:hover{
- opacity: .8;
+.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 */
diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css
index 2baf10a..f8c5a27 100644
--- a/assets/css/gp-style-desktop.css
+++ b/assets/css/gp-style-desktop.css
@@ -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 */
diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css
index 65649c7..f8e5940 100644
--- a/assets/css/gp-style-mobile.css
+++ b/assets/css/gp-style-mobile.css
@@ -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{
diff --git a/assets/img/svg/mini-profile/basket-w.svg b/assets/img/svg/mini-profile/basket-w.svg
new file mode 100644
index 0000000..55eb29f
--- /dev/null
+++ b/assets/img/svg/mini-profile/basket-w.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/img/svg/mini-profile/profile-w.svg b/assets/img/svg/mini-profile/profile-w.svg
new file mode 100644
index 0000000..442e587
--- /dev/null
+++ b/assets/img/svg/mini-profile/profile-w.svg
@@ -0,0 +1,4 @@
+
diff --git a/index.html b/index.html
index 5709153..2f07156 100644
--- a/index.html
+++ b/index.html
@@ -49,7 +49,7 @@
- 
+ 