Good-Production
/
template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

save

Browse Source
cosmopet--Memento-mori-dev
Kirill Pet 10 months ago
parent 44fee90f1a
commit 36ea891f36
6 changed files with 84 additions and 22 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 37
      assets/css/gp-style-core.css
  2. 37
      assets/css/gp-style-desktop.css
  3. 2
      assets/css/gp-style-mobile.css
  4. 3
      assets/img/svg/mini-profile/basket-w.svg
  5. 4
      assets/img/svg/mini-profile/profile-w.svg
  6. 23
      index.html

37
assets/css/gp-style-core.css
Unescape View File

@ -142,6 +142,15 @@ button{
background: none; background: none;
border: 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-family: var(--font-family);
font-weight: 700; font-weight: 700;
font-size: 16px; font-size: 16px;
@ -150,26 +159,19 @@ button{
text-align: start; text-align: start;
color: var(--text-black); color: var(--text-black);
position: relative;
transition: opacity .2s ease-out;
} }
.lang__open::before{ .lang-open__arrow{
content: ''; margin-left: 7.25px;
position: absolute; display: flex;
top: 19.25px; justify-content: center;
right: 18.25px; align-items: center;
}
width: 10px; .lang-open__black{
height: 6px;
background-image: url(../img/svg/main/arrow-black.svg);
background-repeat: no-repeat;
} }
.lang__open:hover{ .lang-open__white{
opacity: .8; display: none;
} }
.lang__content{ .lang__content{
position: absolute; position: absolute;
@ -273,6 +275,9 @@ button{
width: 24px; width: 24px;
aspect-ratio: 1; aspect-ratio: 1;
} }
.mini-profile__icon.white{
display: none;
}
/* mini-profile */ /* mini-profile */

37
assets/css/gp-style-desktop.css
Unescape View File

@ -73,7 +73,8 @@
width: 182px; width: 182px;
height: 40px; height: 40px;
} }
.header__logo-black{ .header__logo-black,
.header__logo-white{
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
@ -236,6 +237,40 @@
text-decoration: none; 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 */ /* header end */
/* product */ /* product */

2
assets/css/gp-style-mobile.css
Unescape View File

@ -19,7 +19,7 @@
background: none; background: none;
} }
.modal__basket .modal__header { .modal__basket .modal__header {
height: calc(100% - 158px); height: calc(100% - 92px);
margin-bottom: -36px; margin-bottom: -36px;
} }
.modal-basket-item__block-image{ .modal-basket-item__block-image{

3
assets/img/svg/mini-profile/basket-w.svg
Unescape View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9995 3.53846C11.3616 3.53846 10.7499 3.78159 10.2988 4.21437C9.84778 4.64715 9.59439 5.23412 9.59439 5.84615V7.12821H14.4045V5.84615C14.4045 5.23412 14.1511 4.64715 13.7001 4.21437C13.2491 3.78159 12.6373 3.53846 11.9995 3.53846ZM16.0079 7.12821V5.84615C16.0079 4.82609 15.5856 3.84781 14.8339 3.12651C14.0821 2.40522 13.0626 2 11.9995 2C10.9364 2 9.91679 2.40522 9.16506 3.12651C8.41333 3.84781 7.99102 4.82609 7.99102 5.84615V7.12821H5.93986M7.99102 8.66667H5.93976C5.74711 8.66665 5.55664 8.7066 5.38159 8.78378C5.20654 8.86097 5.05095 8.97356 4.9255 9.11385C4.80004 9.25413 4.70769 9.41879 4.65477 9.59653C4.60186 9.77423 4.58961 9.9608 4.61887 10.1435C4.61886 10.1434 4.61888 10.1435 4.61887 10.1435L5.96036 18.5045C6.04768 19.0493 6.33539 19.5463 6.77139 19.9052C7.20738 20.2642 7.76287 20.4615 8.33735 20.4615C8.33734 20.4615 8.33736 20.4615 8.33735 20.4615H15.6616C16.2362 20.4617 16.7921 20.2644 17.2283 19.9055C17.6645 19.5465 17.9523 19.0496 18.0396 18.5046L19.3811 10.1436C19.3811 10.1436 19.3811 10.1435 19.3811 10.1436C19.4104 9.96093 19.3981 9.77423 19.3452 9.59653C19.2923 9.41879 19.1999 9.25413 19.0745 9.11385C18.949 8.97356 18.7935 8.86097 18.6184 8.78378C18.4433 8.7066 18.253 8.66665 18.0603 8.66667H16.0079V10.9744C16.0079 11.3992 15.649 11.7436 15.2062 11.7436C14.7635 11.7436 14.4045 11.3992 14.4045 10.9744V8.66667H9.59439V10.9744C9.59439 11.3992 9.23547 11.7436 8.79271 11.7436C8.34995 11.7436 7.99102 11.3992 7.99102 10.9744V8.66667ZM16.0079 7.12821H18.0601C18.0601 7.12821 18.0602 7.12821 18.0601 7.12821C18.4839 7.12817 18.9028 7.21606 19.2879 7.38586C19.673 7.55567 20.0153 7.80338 20.2913 8.11201C20.5673 8.42063 20.7705 8.78288 20.8869 9.1739C21.0033 9.56493 21.0303 9.97549 20.9658 10.3774L19.6244 18.7385C19.6243 18.7385 19.6244 18.7384 19.6244 18.7385C19.4788 19.6467 18.9991 20.475 18.2722 21.0732C17.5453 21.6715 16.6192 22.0002 15.6616 22C15.6615 22 15.6616 22 15.6616 22H8.33735C7.37986 22 6.45398 21.6711 5.72732 21.0728C5.00069 20.4746 4.52121 19.6466 4.37565 18.7386C4.37565 18.7385 4.37566 18.7386 4.37565 18.7386L3.03416 10.3776C2.96974 9.97561 2.99665 9.56493 3.11308 9.1739C3.22951 8.78288 3.43268 8.42063 3.70868 8.11201C3.98468 7.80338 4.32697 7.55567 4.71208 7.38586C5.09717 7.21606 5.51606 7.12817 5.93986 7.12821" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

4
assets/img/svg/mini-profile/profile-w.svg
Unescape View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.64124 3.64124C9.53204 2.75044 10.7402 2.25 12 2.25C13.2598 2.25 14.468 2.75044 15.3588 3.64124C16.2496 4.53204 16.75 5.74022 16.75 7C16.75 8.25978 16.2496 9.46796 15.3588 10.3588C14.468 11.2496 13.2598 11.75 12 11.75C10.7402 11.75 9.53204 11.2496 8.64124 10.3588C7.75044 9.46796 7.25 8.25978 7.25 7C7.25 5.74022 7.75044 4.53204 8.64124 3.64124ZM12 3.75C11.138 3.75 10.3114 4.09241 9.7019 4.7019C9.09241 5.3114 8.75 6.13805 8.75 7C8.75 7.86195 9.09241 8.6886 9.7019 9.2981C10.3114 9.90759 11.138 10.25 12 10.25C12.862 10.25 13.6886 9.90759 14.2981 9.2981C14.9076 8.6886 15.25 7.86195 15.25 7C15.25 6.13805 14.9076 5.3114 14.2981 4.7019C13.6886 4.09241 12.862 3.75 12 3.75Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 15.75C9.13805 15.75 8.3114 16.0924 7.7019 16.7019C7.09241 17.3114 6.75 18.138 6.75 19V21C6.75 21.4142 6.41421 21.75 6 21.75C5.58579 21.75 5.25 21.4142 5.25 21V19C5.25 17.7402 5.75044 16.532 6.64124 15.6412C7.53204 14.7504 8.74022 14.25 10 14.25H14C15.2598 14.25 16.468 14.7504 17.3588 15.6412C18.2496 16.532 18.75 17.7402 18.75 19V21C18.75 21.4142 18.4142 21.75 18 21.75C17.5858 21.75 17.25 21.4142 17.25 21V19C17.25 18.138 16.9076 17.3114 16.2981 16.7019C15.6886 16.0924 14.862 15.75 14 15.75H10Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

23
index.html
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save