Skip to content

Commit

Permalink
fixed links
Browse files Browse the repository at this point in the history
  • Loading branch information
@marinatea
marinatea committed Feb 19, 2024
1 parent 2adffe0 commit 50f0442
Show file tree
Hide file tree
Showing 12 changed files with 287 additions and 66 deletions.
14 changes: 13 additions & 1 deletion .lh/src/styles/blocks/_menu.scss.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"activeCommit": 0,
"commits": [
{
"activePatchIndex": 107,
"activePatchIndex": 110,
"patches": [
{
"date": 1707934046592,
Expand Down Expand Up @@ -436,6 +436,18 @@
{
"date": 1708347431450,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -9,9 +9,8 @@\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n padding: 25px 20px;\n overflow-y: auto;\n- overflow: hidden;\n \n \n \n @media (min-width: 744px) {\n"
},
{
"date": 1708355357746,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -7,9 +7,9 @@\n right: 0;\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n- padding: 25px 20px;\n+ padding: 20px 20px;\n overflow-y: auto;\n \n \n \n"
},
{
"date": 1708355383937,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -7,9 +7,9 @@\n right: 0;\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n- padding: 20px 20px;\n+ padding: 25px 20px;\n overflow-y: auto;\n \n \n \n"
},
{
"date": 1708355658241,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,6 +1,4 @@\n-\n-\n .menu {\n position: fixed;\n top: 0;\n left: 0;\n@@ -10,10 +8,8 @@\n background-color: #d12d35;\n padding: 25px 20px;\n overflow-y: auto;\n \n-\n-\n @media (min-width: 744px) {\n padding: 32px 72px;\n }\n \n"
}
],
"date": 1707934046592,
Expand Down
74 changes: 73 additions & 1 deletion .lh/src/styles/blocks/_navigation.scss.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"activeCommit": 0,
"commits": [
{
"activePatchIndex": 25,
"activePatchIndex": 43,
"patches": [
{
"date": 1707927730182,
Expand Down Expand Up @@ -108,6 +108,78 @@
{
"date": 1708346832538,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -5,9 +5,9 @@\n justify-content: space-between;\n align-items: center;\n \n @media (min-width: 744px) {\n- padding-top: 7px;\n+ padding-top: 25px;\n }\n \n &__bar {\n display: flex;\n"
},
{
"date": 1708350087775,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -3,8 +3,9 @@\n .navigation {\n display: flex;\n justify-content: space-between;\n align-items: center;\n+ gap: 8px;\n \n @media (min-width: 744px) {\n padding-top: 25px;\n }\n"
},
{
"date": 1708350105964,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -3,9 +3,8 @@\n .navigation {\n display: flex;\n justify-content: space-between;\n align-items: center;\n- gap: 8px;\n \n @media (min-width: 744px) {\n padding-top: 25px;\n }\n"
},
{
"date": 1708351722831,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -28,8 +28,9 @@\n background-size: cover;\n display: inline-block;\n width: 18px;\n height: 18px;\n+ \n \n @media (min-width: 744px) {\n width: 24px;\n height: 24px;\n"
},
{
"date": 1708351732235,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -3,8 +3,9 @@\n .navigation {\n display: flex;\n justify-content: space-between;\n align-items: center;\n+ gap: 8px;\n \n @media (min-width: 744px) {\n padding-top: 25px;\n }\n@@ -28,9 +29,8 @@\n background-size: cover;\n display: inline-block;\n width: 18px;\n height: 18px;\n- \n \n @media (min-width: 744px) {\n width: 24px;\n height: 24px;\n"
},
{
"date": 1708351774324,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -3,9 +3,8 @@\n .navigation {\n display: flex;\n justify-content: space-between;\n align-items: center;\n- gap: 8px;\n \n @media (min-width: 744px) {\n padding-top: 25px;\n }\n@@ -30,8 +29,9 @@\n display: inline-block;\n width: 18px;\n height: 18px;\n \n+\n @media (min-width: 744px) {\n width: 24px;\n height: 24px;\n }\n"
},
{
"date": 1708352792270,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -10,8 +10,9 @@\n }\n \n &__bar {\n display: flex;\n+ \n gap: 23px;\n align-items: flex-start;\n \n @media (min-width: 744px) {\n"
},
{
"date": 1708352799655,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -10,11 +10,11 @@\n }\n \n &__bar {\n display: flex;\n- \n+\n gap: 23px;\n- align-items: flex-start;\n+ align-items:;\n \n @media (min-width: 744px) {\n gap: 59px;\n }\n"
},
{
"date": 1708352805902,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -11,10 +11,8 @@\n \n &__bar {\n display: flex;\n \n- gap: 23px;\n- align-items:;\n \n @media (min-width: 744px) {\n gap: 59px;\n }\n"
},
{
"date": 1708352837921,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -9,9 +9,8 @@\n padding-top: 25px;\n }\n \n &__bar {\n- display: flex;\n \n \n @media (min-width: 744px) {\n gap: 59px;\n"
},
{
"date": 1708352862630,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -9,9 +9,12 @@\n padding-top: 25px;\n }\n \n &__bar {\n+ display: flex;\n \n+ gap: 23px;\n+ align-items: flex-start;\n \n @media (min-width: 744px) {\n gap: 59px;\n }\n"
},
{
"date": 1708353634848,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,8 +1,9 @@\n @use \"../utils/mixins\" as *;\n \n .navigation {\n display: flex;\n+ \n justify-content: space-between;\n align-items: center;\n \n @media (min-width: 744px) {\n@@ -10,11 +11,9 @@\n }\n \n &__bar {\n display: flex;\n-\n gap: 23px;\n- align-items: flex-start;\n \n @media (min-width: 744px) {\n gap: 59px;\n }\n"
},
{
"date": 1708353642264,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,101 @@\n+@use \"../utils/mixins\" as *;\n+\n+.navigation {\n+ display: flex;\n+ flex-wrap: wrap;\n+ justify-content: space-between;\n+ align-items: center;\n+\n+ @media (min-width: 744px) {\n+ padding-top: 25px;\n+ }\n+\n+ &__bar {\n+ display: flex;\n+ gap: 23px;\n+\n+ @media (min-width: 744px) {\n+ gap: 59px;\n+ }\n+\n+ @media (min-width: 1260px) {\n+ gap: 55px;\n+ }\n+ }\n+\n+ &__call {\n+ background-image: url(./images/icon/phone.svg);\n+ background-size: cover;\n+ display: inline-block;\n+ width: 18px;\n+ height: 18px;\n+\n+\n+ @media (min-width: 744px) {\n+ width: 24px;\n+ height: 24px;\n+ }\n+ }\n+\n+ &__burger {\n+ &::before {\n+ content: \"\";\n+ background-image: url(./images/icon/menu.svg);\n+ background-size: cover;\n+ display: inline-block;\n+ width: 18px;\n+ height: 12px;\n+\n+ @media (min-width: 744px) {\n+ width: 24px;\n+ height: 24px;\n+ }\n+ }\n+\n+ &::after {\n+ display: none;\n+ content: \"\";\n+ background-image: url(./images/icon/menu-active.svg);\n+ background-size: cover;\n+ width: 18px;\n+ height: 12px;\n+\n+ @media (min-width: 744px) {\n+ width: 24px;\n+ height: 24px;\n+ }\n+ }\n+\n+ &:hover {\n+ &::before {\n+ display: none;\n+ }\n+ &::after {\n+ display: inline-block;\n+ }\n+ }\n+\n+ @media (min-width: 744px) {\n+ width: 24px;\n+ height: 16px;\n+ }\n+ }\n+\n+ &__close {\n+ content: \"\";\n+ background-image: url(./images/icon/close.svg);\n+ background-size: cover;\n+ display: inline-block;\n+ width: 16px;\n+ height: 16px;\n+\n+ @media (min-width: 1260px) {\n+ width: 21px;\n+ height: 21px;\n+ }\n+ }\n+\n+ &__label {\n+ @include visually-hidden;\n+ }\n+}\n"
},
{
"date": 1708353649645,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,9 +1,9 @@\n @use \"../utils/mixins\" as *;\n \n .navigation {\n display: flex;\n- flex-wrap: wrap;\n+ flex-direction: column;\n justify-content: space-between;\n align-items: center;\n \n @media (min-width: 744px) {\n@@ -98,105 +98,4 @@\n &__label {\n @include visually-hidden;\n }\n }\n-@use \"../utils/mixins\" as *;\n-\n-.navigation {\n- display: flex;\n- \n- justify-content: space-between;\n- align-items: center;\n-\n- @media (min-width: 744px) {\n- padding-top: 25px;\n- }\n-\n- &__bar {\n- display: flex;\n- gap: 23px;\n-\n- @media (min-width: 744px) {\n- gap: 59px;\n- }\n-\n- @media (min-width: 1260px) {\n- gap: 55px;\n- }\n- }\n-\n- &__call {\n- background-image: url(./images/icon/phone.svg);\n- background-size: cover;\n- display: inline-block;\n- width: 18px;\n- height: 18px;\n-\n-\n- @media (min-width: 744px) {\n- width: 24px;\n- height: 24px;\n- }\n- }\n-\n- &__burger {\n- &::before {\n- content: \"\";\n- background-image: url(./images/icon/menu.svg);\n- background-size: cover;\n- display: inline-block;\n- width: 18px;\n- height: 12px;\n-\n- @media (min-width: 744px) {\n- width: 24px;\n- height: 24px;\n- }\n- }\n-\n- &::after {\n- display: none;\n- content: \"\";\n- background-image: url(./images/icon/menu-active.svg);\n- background-size: cover;\n- width: 18px;\n- height: 12px;\n-\n- @media (min-width: 744px) {\n- width: 24px;\n- height: 24px;\n- }\n- }\n-\n- &:hover {\n- &::before {\n- display: none;\n- }\n- &::after {\n- display: inline-block;\n- }\n- }\n-\n- @media (min-width: 744px) {\n- width: 24px;\n- height: 16px;\n- }\n- }\n-\n- &__close {\n- content: \"\";\n- background-image: url(./images/icon/close.svg);\n- background-size: cover;\n- display: inline-block;\n- width: 16px;\n- height: 16px;\n-\n- @media (min-width: 1260px) {\n- width: 21px;\n- height: 21px;\n- }\n- }\n-\n- &__label {\n- @include visually-hidden;\n- }\n-}\n"
},
{
"date": 1708353860179,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,9 +1,8 @@\n @use \"../utils/mixins\" as *;\n \n .navigation {\n display: flex;\n- flex-direction: column;\n justify-content: space-between;\n align-items: center;\n \n @media (min-width: 744px) {\n"
},
{
"date": 1708355391226,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -5,9 +5,9 @@\n justify-content: space-between;\n align-items: center;\n \n @media (min-width: 744px) {\n- padding-top: 25px;\n+ padding-top: 20px;\n }\n \n &__bar {\n display: flex;\n"
},
{
"date": 1708355522262,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,101 @@\n+@use \"../utils/mixins\" as *;\n+\n+.navigation {\n+ display: flex;\n+ justify-content: space-between;\n+ align-items: center;\n+\n+ @media (min-width: 744px) {\n+ padding-top: 20px;\n+ }\n+\n+ &__bar {\n+ display: flex;\n+ \n+ gap: 23px;\n+\n+ @media (min-width: 744px) {\n+ gap: 59px;\n+ }\n+\n+ @media (min-width: 1260px) {\n+ gap: 55px;\n+ }\n+ }\n+\n+ &__call {\n+ background-image: url(./images/icon/phone.svg);\n+ background-size: cover;\n+ display: inline-block;\n+ width: 18px;\n+ height: 18px;\n+\n+\n+ @media (min-width: 744px) {\n+ width: 24px;\n+ height: 24px;\n+ }\n+ }\n+\n+ &__burger {\n+ &::before {\n+ content: \"\";\n+ background-image: url(./images/icon/menu.svg);\n+ background-size: cover;\n+ display: inline-block;\n+ width: 18px;\n+ height: 12px;\n+\n+ @media (min-width: 744px) {\n+ width: 24px;\n+ height: 24px;\n+ }\n+ }\n+\n+ &::after {\n+ display: none;\n+ content: \"\";\n+ background-image: url(./images/icon/menu-active.svg);\n+ background-size: cover;\n+ width: 18px;\n+ height: 12px;\n+\n+ @media (min-width: 744px) {\n+ width: 24px;\n+ height: 24px;\n+ }\n+ }\n+\n+ &:hover {\n+ &::before {\n+ display: none;\n+ }\n+ &::after {\n+ display: inline-block;\n+ }\n+ }\n+\n+ @media (min-width: 744px) {\n+ width: 24px;\n+ height: 16px;\n+ }\n+ }\n+\n+ &__close {\n+ content: \"\";\n+ background-image: url(./images/icon/close.svg);\n+ background-size: cover;\n+ display: inline-block;\n+ width: 16px;\n+ height: 16px;\n+\n+ @media (min-width: 1260px) {\n+ width: 21px;\n+ height: 21px;\n+ }\n+ }\n+\n+ &__label {\n+ @include visually-hidden;\n+ }\n+}\n"
},
{
"date": 1708355588267,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -5,14 +5,14 @@\n justify-content: space-between;\n align-items: center;\n \n @media (min-width: 744px) {\n- padding-top: 20px;\n+ padding-top: 25px;\n }\n \n &__bar {\n display: flex;\n- \n+ align-items: center;\n gap: 23px;\n \n @media (min-width: 744px) {\n gap: 59px;\n@@ -98,104 +98,4 @@\n &__label {\n @include visually-hidden;\n }\n }\n-@use \"../utils/mixins\" as *;\n-\n-.navigation {\n- display: flex;\n- justify-content: space-between;\n- align-items: center;\n-\n- @media (min-width: 744px) {\n- padding-top: 20px;\n- }\n-\n- &__bar {\n- display: flex;\n- gap: 23px;\n-\n- @media (min-width: 744px) {\n- gap: 59px;\n- }\n-\n- @media (min-width: 1260px) {\n- gap: 55px;\n- }\n- }\n-\n- &__call {\n- background-image: url(./images/icon/phone.svg);\n- background-size: cover;\n- display: inline-block;\n- width: 18px;\n- height: 18px;\n-\n-\n- @media (min-width: 744px) {\n- width: 24px;\n- height: 24px;\n- }\n- }\n-\n- &__burger {\n- &::before {\n- content: \"\";\n- background-image: url(./images/icon/menu.svg);\n- background-size: cover;\n- display: inline-block;\n- width: 18px;\n- height: 12px;\n-\n- @media (min-width: 744px) {\n- width: 24px;\n- height: 24px;\n- }\n- }\n-\n- &::after {\n- display: none;\n- content: \"\";\n- background-image: url(./images/icon/menu-active.svg);\n- background-size: cover;\n- width: 18px;\n- height: 12px;\n-\n- @media (min-width: 744px) {\n- width: 24px;\n- height: 24px;\n- }\n- }\n-\n- &:hover {\n- &::before {\n- display: none;\n- }\n- &::after {\n- display: inline-block;\n- }\n- }\n-\n- @media (min-width: 744px) {\n- width: 24px;\n- height: 16px;\n- }\n- }\n-\n- &__close {\n- content: \"\";\n- background-image: url(./images/icon/close.svg);\n- background-size: cover;\n- display: inline-block;\n- width: 16px;\n- height: 16px;\n-\n- @media (min-width: 1260px) {\n- width: 21px;\n- height: 21px;\n- }\n- }\n-\n- &__label {\n- @include visually-hidden;\n- }\n-}\n"
},
{
"date": 1708355614909,
"content": "Index: \n===================================================================\n--- \n+++ \n@@ -29,9 +29,8 @@\n display: inline-block;\n width: 18px;\n height: 18px;\n \n-\n @media (min-width: 744px) {\n width: 24px;\n height: 24px;\n }\n"
}
],
"date": 1707927730181,
Expand Down
Loading

0 comments on commit 50f0442

Please sign in to comment.