From 2adffe012524dcff04b9410572b7ab05c676a6ba Mon Sep 17 00:00:00 2001 From: Maryna Karpova Date: Mon, 19 Feb 2024 14:09:36 +0100 Subject: [PATCH] small fix scale --- .lh/src/main.js.json | 58 ++++++++ .lh/src/styles/blocks/_address.scss.json | 10 +- .lh/src/styles/blocks/_boodha.scss.json | 22 ++- .lh/src/styles/blocks/_menu.scss.json | 146 +++++++++++++++++++- .lh/src/styles/blocks/_navigation.scss.json | 10 +- .lh/src/styles/blocks/_phone.scss.json | 94 +++++++++++++ dist/index.html | 39 +++--- src/index.html | 66 ++++++--- src/main.js | 13 ++ src/styles/blocks/_address.scss | 2 + src/styles/blocks/_boodha.scss | 5 + src/styles/blocks/_button.scss | 20 ++- src/styles/blocks/_contact.scss | 6 +- src/styles/blocks/_explore.scss | 6 +- src/styles/blocks/_inspiring.scss | 5 + src/styles/blocks/_menu.scss | 10 +- src/styles/blocks/_navigation.scss | 3 +- src/styles/blocks/_new-look.scss | 5 + src/styles/blocks/_phone.scss | 4 +- src/styles/main.scss | 4 + 20 files changed, 466 insertions(+), 62 deletions(-) create mode 100644 .lh/src/main.js.json create mode 100644 .lh/src/styles/blocks/_phone.scss.json create mode 100644 src/main.js diff --git a/.lh/src/main.js.json b/.lh/src/main.js.json new file mode 100644 index 0000000000..b55292f4aa --- /dev/null +++ b/.lh/src/main.js.json @@ -0,0 +1,58 @@ +{ + "sourceFile": "src/main.js", + "activeCommit": 0, + "commits": [ + { + "activePatchIndex": 10, + "patches": [ + { + "date": 1708344966823, + "content": "Index: \n===================================================================\n--- \n+++ \n" + }, + { + "date": 1708344972864, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,1 +1,2 @@\n-const button = \n+const button =\n+document.\n" + }, + { + "date": 1708344978953, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,2 +1,1 @@\n-const button =\n-document.\n+const button = document.\n" + }, + { + "date": 1708344986527, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,1 +1,1 @@\n-const button = document.\n+const button = document.querySelector\n" + }, + { + "date": 1708344995926, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,1 +1,1 @@\n-const button = document.querySelector\n+const button = document.querySelector()\n" + }, + { + "date": 1708345004665, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,1 +1,1 @@\n-const button = document.querySelector()\n+const button = document.querySelector(str.form)\n" + }, + { + "date": 1708345011865, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,1 @@\n+const button = document.querySelector('')\n" + }, + { + "date": 1708345017793, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,2 +1,1 @@\n-const button = document.querySelector('')\n-const button = document.querySelector(str.form)\n+const button = document.querySelector('form__button')\n" + }, + { + "date": 1708345032901, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,1 +1,1 @@\n-const button = document.querySelector('form__button')\n+const button = document.querySelector('.form__button');\n" + }, + { + "date": 1708345038801, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,2 +1,2 @@\n const button = document.querySelector('.form__button');\n-b\n+bu\n" + }, + { + "date": 1708345243881, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,2 @@\n+const button = document.querySelector('.form__button');\n+button.addEventListener('click', (e) => )\n" + } + ], + "date": 1708344966823, + "name": "Commit-0", + "content": "const button = \n" + } + ] +} \ No newline at end of file diff --git a/.lh/src/styles/blocks/_address.scss.json b/.lh/src/styles/blocks/_address.scss.json index e8d42c1ed8..51b1c388e5 100644 --- a/.lh/src/styles/blocks/_address.scss.json +++ b/.lh/src/styles/blocks/_address.scss.json @@ -3,7 +3,7 @@ "activeCommit": 0, "commits": [ { - "activePatchIndex": 27, + "activePatchIndex": 29, "patches": [ { "date": 1707910723125, @@ -116,6 +116,14 @@ { "date": 1707922399146, "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,39 @@\n+.address {\n+ padding-bottom: 48px;\n+ display: flex;\n+ flex-direction: column;\n+ gap: 4px;\n+\n+ &__label {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 14px;\n+ font-weight: 400;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #161616;\n+ font-style: normal;\n+ }\n+\n+ &__phone {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #3E3E3E;\n+ font-style: normal;\n+ }\n+\n+ &__addr {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #3E3E3E;\n+ font-style: normal;\n+ }\n+}\n" + }, + { + "date": 1708337180589, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,9 +1,9 @@\n .address {\n- padding-bottom: 48px;\n- display: flex;\n- flex-direction: column;\n- gap: 4px;\n+ padding-bottom: 48px;\n+ display: flex;\n+ flex-direction: column;\n+ gap: 4px;\n \n &__label {\n font-family: Cinzel, sans-serif;\n font-size: 14px;\n@@ -21,10 +21,12 @@\n font-weight: 700;\n line-height: 27px;\n letter-spacing: 0;\n text-align: left;\n- color: #3E3E3E;\n+ color: #3e3e3e;\n font-style: normal;\n+ padding-bottom: 8px;\n+ text-decoration: none;\n }\n \n &__addr {\n font-family: Cinzel, sans-serif;\n@@ -32,82 +34,8 @@\n font-weight: 700;\n line-height: 27px;\n letter-spacing: 0;\n text-align: left;\n- color: #3E3E3E;\n+ color: #3e3e3e;\n font-style: normal;\n }\n }\n-.address {\n- padding-bottom: 48px;\n- display: flex;\n- \n-\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 14px;\n- font-weight: 400;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #161616;\n- font-style: normal;\n- }\n-\n- &__phone {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #3E3E3E;\n- font-style: normal;\n- }\n-\n- &__addr {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #3E3E3E;\n- font-style: normal;\n- }\n-}\n-.address {\n- padding-bottom: 48px;\n- display: ;\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 14px;\n- font-weight: 400;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #161616;\n- font-style: normal;\n- }\n-\n- &__phone {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #3E3E3E;\n- font-style: normal;\n- }\n-\n- &__addr {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #3E3E3E;\n- font-style: normal;\n- }\n-}\n" + }, + { + "date": 1708339185442, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -36,6 +36,7 @@\n letter-spacing: 0;\n text-align: left;\n color: #3e3e3e;\n font-style: normal;\n+ \n }\n }\n" } ], "date": 1707910723125, diff --git a/.lh/src/styles/blocks/_boodha.scss.json b/.lh/src/styles/blocks/_boodha.scss.json index 76c3f3ee8c..82d2007c50 100644 --- a/.lh/src/styles/blocks/_boodha.scss.json +++ b/.lh/src/styles/blocks/_boodha.scss.json @@ -3,7 +3,7 @@ "activeCommit": 0, "commits": [ { - "activePatchIndex": 21, + "activePatchIndex": 26, "patches": [ { "date": 1707842954685, @@ -92,6 +92,26 @@ { "date": 1708023331030, "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,15 @@\n+.boodha {\n+ display: grid;\n+ grid-template-columns: 1fr 1fr 1fr;\n+ gap: 8px;\n+ padding-bottom: 24px;\n+\n+ @media (min-width: 744px) {\n+ gap\n+ }\n+\n+ &__item {\n+ width: 100%;\n+ object-fit: cover;\n+ }\n+}\n" + }, + { + "date": 1708338832840, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -4,25 +4,13 @@\n gap: 8px;\n padding-bottom: 24px;\n \n @media (min-width: 744px) {\n- gap\n+ gap: 24px;\n }\n \n &__item {\n width: 100%;\n object-fit: cover;\n+ \n }\n }\n-.boodha {\n- display: grid;\n- grid-template-columns: 1fr 1fr 1fr;\n- gap: 8px;\n- padding-bottom: 24px;\n-\n- @media (min-width: 744px)\n-\n- &__item {\n- width: 100%;\n- object-fit: cover;\n- }\n-}\n" + }, + { + "date": 1708338855633, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,20 @@\n+.boodha {\n+ display: grid;\n+ grid-template-columns: 1fr 1fr 1fr;\n+ gap: 8px;\n+ padding-bottom: 24px;\n+\n+ @media (min-width: 744px) {\n+ gap: 24px;\n+ }\n+\n+ &__item {\n+ width: 100%;\n+ object-fit: cover; transition-duration: 0.3s;\n+ overflow: hidden;\n+\n+ &:hover {\n+ transform: scale(1.1);\n+ }\n+ }\n+}\n" + }, + { + "date": 1708338916896, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,20 @@\n+.boodha {\n+ display: grid;\n+ grid-template-columns: 1fr 1fr 1fr;\n+ gap: 8px;\n+ padding-bottom: 24px;\n+\n+ @media (min-width: 744px) {\n+ gap: 24px;\n+ }\n+\n+ &__item {\n+ width: 100%;\n+ object-fit: cover;\n+ transition-duration: 0.3s;\n+\n+ &:hover {\n+ transform: scale(1.1);\n+ }\n+ }\n+}\n" + }, + { + "date": 1708338923786, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,21 @@\n+.boodha {\n+ display: grid;\n+ grid-template-columns: 1fr 1fr 1fr;\n+ gap: 8px;\n+ padding-bottom: 24px;\n+ overflow: hidden;\n+\n+ @media (min-width: 744px) {\n+ gap: 24px;\n+ }\n+\n+ &__item {\n+ width: 100%;\n+ object-fit: cover;\n+ transition-duration: 0.3s;\n+\n+ &:hover {\n+ transform: scale(1.1);\n+ }\n+ }\n+}\n" + }, + { + "date": 1708339065129, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,21 @@\n+.boodha {\n+ display: grid;\n+ grid-template-columns: 1fr 1fr 1fr;\n+ gap: 8px;\n+ padding-bottom: 24px;\n+ \n+\n+ @media (min-width: 744px) {\n+ gap: 24px;\n+ }\n+\n+ &__item {\n+ width: 100%;\n+ object-fit: cover;\n+ transition-duration: 0.3s;\n+\n+ &:hover {\n+ transform: scale(1.1);\n+ }\n+ }\n+}\n" } ], "date": 1707842954685, diff --git a/.lh/src/styles/blocks/_menu.scss.json b/.lh/src/styles/blocks/_menu.scss.json index 36df4c8135..8805d468ec 100644 --- a/.lh/src/styles/blocks/_menu.scss.json +++ b/.lh/src/styles/blocks/_menu.scss.json @@ -3,7 +3,7 @@ "activeCommit": 0, "commits": [ { - "activePatchIndex": 71, + "activePatchIndex": 107, "patches": [ { "date": 1707934046592, @@ -292,6 +292,150 @@ { "date": 1708012679772, "content": "Index: \n===================================================================\n--- \n+++ \n@@ -10,9 +10,8 @@\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n \n-\n &:target {\n transform: translateX(0);\n }\n \n" + }, + { + "date": 1708340917183, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -5,17 +5,43 @@\n right: 0;\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n- padding: 25px 20px 20px;\n+ padding: 25px 20px;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n \n+ @media (min-width: 744px) {\n+ padding: 32px 72px;\n+ }\n+\n+ @media (min-width: 1260px) {\n+ padding: 50px 120px;\n+ }\n+\n+ &__logo {\n+ max-width: 64px;\n+ max-height: 46px;\n+\n+ @media (min-width: 744px) {\n+ min-width: 87px;\n+ min-height: 65px;\n+ }\n+ }\n+\n &:target {\n transform: translateX(0);\n }\n \n+ &__links {\n+ padding-top: 40px;\n+\n+ @media (min-width: 1260px) {\n+ padding-bottom: 48px;\n+ }\n+ }\n+\n &__name {\n font-family: Cinzel, sans-serif;\n font-size: 16px;\n font-weight: 700;\n@@ -33,8 +59,9 @@\n letter-spacing: 0;\n text-align: left;\n color: #fff;\n margin-bottom: 8px;\n+ text-decoration: none;\n }\n \n &__call-link {\n font-family: Cinzel, sans-serif;\n" + }, + { + "date": 1708341010999, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -34,8 +34,9 @@\n }\n \n &__links {\n padding-top: 40px;\n+ padding\n \n @media (min-width: 1260px) {\n padding-bottom: 48px;\n }\n" + }, + { + "date": 1708343705910, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -10,8 +10,17 @@\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n \n+ box-sizing: border-box;\n+ height: 100vh;\n+ padding: 24px 0;\n+\n+ background-color: #0075ff;\n+\n+ /* Add this rule to add scroll when there is not enough space */\n+ overflow-y: auto;\n+\n @media (min-width: 744px) {\n padding: 32px 72px;\n }\n \n@@ -34,9 +43,9 @@\n }\n \n &__links {\n padding-top: 40px;\n- padding\n+ padding-bottom: 32px;\n \n @media (min-width: 1260px) {\n padding-bottom: 48px;\n }\n" + }, + { + "date": 1708343711923, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -14,10 +14,8 @@\n box-sizing: border-box;\n height: 100vh;\n padding: 24px 0;\n \n- background-color: #0075ff;\n-\n /* Add this rule to add scroll when there is not enough space */\n overflow-y: auto;\n \n @media (min-width: 744px) {\n" + }, + { + "date": 1708343736269, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -10,9 +10,9 @@\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n \n- box-sizing: border-box;\n+ box-sizing: border-box;\n height: 100vh;\n padding: 24px 0;\n \n /* Add this rule to add scroll when there is not enough space */\n" + }, + { + "date": 1708343748643, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -13,10 +13,8 @@\n \n box-sizing: border-box;\n height: 100vh;\n padding: 24px 0;\n-\n- /* Add this rule to add scroll when there is not enough space */\n overflow-y: auto;\n \n @media (min-width: 744px) {\n padding: 32px 72px;\n" + }, + { + "date": 1708343767800, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -13,9 +13,8 @@\n \n box-sizing: border-box;\n height: 100vh;\n padding: 24px 0;\n- overflow-y: auto;\n \n @media (min-width: 744px) {\n padding: 32px 72px;\n }\n" + }, + { + "date": 1708343784834, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -13,8 +13,9 @@\n \n box-sizing: border-box;\n height: 100vh;\n padding: 24px 0;\n+ overflow-y: auto;\n \n @media (min-width: 744px) {\n padding: 32px 72px;\n }\n" + }, + { + "date": 1708343829230, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -11,10 +11,8 @@\n display: flex;\n flex-direction: column;\n \n box-sizing: border-box;\n- height: 100vh;\n- padding: 24px 0;\n overflow-y: auto;\n \n @media (min-width: 744px) {\n padding: 32px 72px;\n" + }, + { + "date": 1708343842648, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -10,9 +10,8 @@\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n \n- box-sizing: border-box;\n overflow-y: auto;\n \n @media (min-width: 744px) {\n padding: 32px 72px;\n" + }, + { + "date": 1708343848801, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -6,9 +6,8 @@\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n padding: 25px 20px;\n- min-height: 100vh;\n display: flex;\n flex-direction: column;\n \n overflow-y: auto;\n" + }, + { + "date": 1708343938849, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,86 @@\n+.menu {\n+ position: fixed;\n+ top: 0;\n+ left: 0;\n+ right: 0;\n+ transform: translateX(-100%);\n+ transition: transform 0.3s ease-in-out;\n+ background-color: #d12d35;\n+ padding: 25px 20px;\n+ display: flex;\n+ flex-direction: column;\n+\n+ overflow-y: auto;\n+\n+ @media (min-width: 744px) {\n+ padding: 32px 72px;\n+ }\n+\n+ @media (min-width: 1260px) {\n+ padding: 50px 120px;\n+ }\n+\n+ &__logo {\n+ max-width: 64px;\n+ max-height: 46px;\n+\n+ @media (min-width: 744px) {\n+ min-width: 87px;\n+ min-height: 65px;\n+ }\n+ }\n+\n+ &:target {\n+ transform: translateX(0);\n+ }\n+\n+ &__links {\n+ padding-top: 40px;\n+ padding-bottom: 32px;\n+\n+ @media (min-width: 1260px) {\n+ padding-bottom: 48px;\n+ }\n+ }\n+\n+ &__name {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ }\n+\n+ &__paragraph {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ margin-bottom: 8px;\n+ text-decoration: none;\n+ }\n+\n+ &__call-link {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 12px;\n+ font-weight: 700;\n+ line-height: 16px;\n+ letter-spacing: 2px;\n+ text-align: left;\n+ color: #fff;\n+ text-decoration: none;\n+ margin-bottom: 8px;\n+ border-bottom: 1px solid transparent;\n+ transition: 0.3s;\n+ margin-top: 8px;\n+\n+ &:hover {\n+ border-bottom: 1px solid #fff;\n+ }\n+ }\n+}\n" + }, + { + "date": 1708343961933, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -6,8 +6,9 @@\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n padding: 25px 20px;\n+ min-height: 100vh;\n display: flex;\n flex-direction: column;\n \n overflow-y: auto;\n@@ -83,90 +84,4 @@\n border-bottom: 1px solid #fff;\n }\n }\n }\n-.menu {\n- position: fixed;\n- top: 0;\n- left: 0;\n- right: 0;\n- transform: translateX(-100%);\n- transition: transform 0.3s ease-in-out;\n- background-color: #d12d35;\n- padding: 25px 20px;\n- display: flex;\n- flex-direction: column;\n-\n- overflow-y: auto;\n-\n- @media (min-width: 744px) {\n- padding: 32px 72px;\n- }\n-\n- @media (min-width: 1260px) {\n- padding: 50px 120px;\n- }\n-\n- &__logo {\n- max-width: 64px;\n- max-height: 46px;\n-\n- @media (min-width: 744px) {\n- min-width: 87px;\n- min-height: 65px;\n- }\n- }\n-\n- &:target {\n- transform: translateX(0);\n- }\n-\n- &__links {\n- padding-top: 40px;\n- padding-bottom: 32px;\n-\n- @media (min-width: 1260px) {\n- padding-bottom: 48px;\n- }\n- }\n-\n- &__name {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- }\n-\n- &__paragraph {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- margin-bottom: 8px;\n- text-decoration: none;\n- }\n-\n- &__call-link {\n- font-family: Cinzel, sans-serif;\n- font-size: 12px;\n- font-weight: 700;\n- line-height: 16px;\n- letter-spacing: 2px;\n- text-align: left;\n- color: #fff;\n- text-decoration: none;\n- margin-bottom: 8px;\n- border-bottom: 1px solid transparent;\n- transition: 0.3s;\n- margin-top: 8px;\n-\n- &:hover {\n- border-bottom: 1px solid #fff;\n- }\n- }\n-}\n" + }, + { + "date": 1708343988619, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -5,10 +5,8 @@\n right: 0;\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n- padding: 25px 20px;\n- min-height: 100vh;\n display: flex;\n flex-direction: column;\n \n overflow-y: auto;\n" + }, + { + "date": 1708344017003, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -8,10 +8,8 @@\n background-color: #d12d35;\n display: flex;\n flex-direction: column;\n \n- overflow-y: auto;\n-\n @media (min-width: 744px) {\n padding: 32px 72px;\n }\n \n" + }, + { + "date": 1708344041430, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,92 @@\n+.menu {\n+ position: fixed;\n+ top: 0;\n+ left: 0;\n+ right: 0;\n+ transform: translateX(-100%);\n+ transition: transform 0.3s ease-in-out;\n+ background-color: #d12d35;\n+ padding: 25px 20px;\n+ min-height: 100vh;\n+ display: flex;\n+ flex-direction: column;\n+\n+ box-sizing: border-box;\n+ height: 100vh;\n+ padding: 24px 0;\n+\n+ /* Add this rule to add scroll when there is not enough space */\n+ overflow-y: auto;\n+\n+ @media (min-width: 744px) {\n+ padding: 32px 72px;\n+ }\n+\n+ @media (min-width: 1260px) {\n+ padding: 50px 120px;\n+ }\n+\n+ &__logo {\n+ max-width: 64px;\n+ max-height: 46px;\n+\n+ @media (min-width: 744px) {\n+ min-width: 87px;\n+ min-height: 65px;\n+ }\n+ }\n+\n+ &:target {\n+ transform: translateX(0);\n+ }\n+\n+ &__links {\n+ padding-top: 40px;\n+ padding-bottom: 32px;\n+\n+ @media (min-width: 1260px) {\n+ padding-bottom: 48px;\n+ }\n+ }\n+\n+ &__name {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ }\n+\n+ &__paragraph {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ margin-bottom: 8px;\n+ text-decoration: none;\n+ }\n+\n+ &__call-link {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 12px;\n+ font-weight: 700;\n+ line-height: 16px;\n+ letter-spacing: 2px;\n+ text-align: left;\n+ color: #fff;\n+ text-decoration: none;\n+ margin-bottom: 8px;\n+ border-bottom: 1px solid transparent;\n+ transition: 0.3s;\n+ margin-top: 8px;\n+\n+ &:hover {\n+ border-bottom: 1px solid #fff;\n+ }\n+ }\n+}\n" + }, + { + "date": 1708344069039, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,86 @@\n+.menu {\n+ position: fixed;\n+ top: 0;\n+ left: 0;\n+ right: 0;\n+ transform: translateX(-100%);\n+ transition: transform 0.3s ease-in-out;\n+ background-color: #d12d35;\n+ min-height: 100vh;\n+ display: flex;\n+ flex-direction: column;\n+\n+\n+\n+ @media (min-width: 744px) {\n+ padding: 32px 72px;\n+ }\n+\n+ @media (min-width: 1260px) {\n+ padding: 50px 120px;\n+ }\n+\n+ &__logo {\n+ max-width: 64px;\n+ max-height: 46px;\n+\n+ @media (min-width: 744px) {\n+ min-width: 87px;\n+ min-height: 65px;\n+ }\n+ }\n+\n+ &:target {\n+ transform: translateX(0);\n+ }\n+\n+ &__links {\n+ padding-top: 40px;\n+ padding-bottom: 32px;\n+\n+ @media (min-width: 1260px) {\n+ padding-bottom: 48px;\n+ }\n+ }\n+\n+ &__name {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ }\n+\n+ &__paragraph {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ margin-bottom: 8px;\n+ text-decoration: none;\n+ }\n+\n+ &__call-link {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 12px;\n+ font-weight: 700;\n+ line-height: 16px;\n+ letter-spacing: 2px;\n+ text-align: left;\n+ color: #fff;\n+ text-decoration: none;\n+ margin-bottom: 8px;\n+ border-bottom: 1px solid transparent;\n+ transition: 0.3s;\n+ margin-top: 8px;\n+\n+ &:hover {\n+ border-bottom: 1px solid #fff;\n+ }\n+ }\n+}\n" + }, + { + "date": 1708344119235, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -83,179 +83,4 @@\n border-bottom: 1px solid #fff;\n }\n }\n }\n-.menu {\n- position: fixed;\n- top: 0;\n- left: 0;\n- right: 0;\n- transform: translateX(-100%);\n- transition: transform 0.3s ease-in-out;\n- background-color: #d12d35;\n- padding: 25px 20px;\n- min-height: 100vh;\n- display: flex;\n- flex-direction: column;\n-\n- box-sizing: border-box;\n- height: 100vh;\n- padding: 24px 0;\n-\n- /* Add this rule to add scroll when there is not enough space */\n- overflow-y: auto;\n-\n- @media (min-width: 744px) {\n- padding: 32px 72px;\n- }\n-\n- @media (min-width: 1260px) {\n- padding: 50px 120px;\n- }\n-\n- &__logo {\n- max-width: 64px;\n- max-height: 46px;\n-\n- @media (min-width: 744px) {\n- min-width: 87px;\n- min-height: 65px;\n- }\n- }\n-\n- &:target {\n- transform: translateX(0);\n- }\n-\n- &__links {\n- padding-top: 40px;\n- padding-bottom: 32px;\n-\n- @media (min-width: 1260px) {\n- padding-bottom: 48px;\n- }\n- }\n-\n- &__name {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- }\n-\n- &__paragraph {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- margin-bottom: 8px;\n- text-decoration: none;\n- }\n-\n- &__call-link {\n- font-family: Cinzel, sans-serif;\n- font-size: 12px;\n- font-weight: 700;\n- line-height: 16px;\n- letter-spacing: 2px;\n- text-align: left;\n- color: #fff;\n- text-decoration: none;\n- margin-bottom: 8px;\n- border-bottom: 1px solid transparent;\n- transition: 0.3s;\n- margin-top: 8px;\n-\n- &:hover {\n- border-bottom: 1px solid #fff;\n- }\n- }\n-}\n-.menu {\n- position: fixed;\n- top: 0;\n- left: 0;\n- right: 0;\n- transform: translateX(-100%);\n- transition: transform 0.3s ease-in-out;\n- background-color: #d12d35;\n- display: flex;\n- flex-direction: column;\n-\n- @media (min-width: 744px) {\n- padding: 32px 72px;\n- }\n-\n- @media (min-width: 1260px) {\n- padding: 50px 120px;\n- }\n-\n- &__logo {\n- max-width: 64px;\n- max-height: 46px;\n-\n- @media (min-width: 744px) {\n- min-width: 87px;\n- min-height: 65px;\n- }\n- }\n-\n- &:target {\n- transform: translateX(0);\n- }\n-\n- &__links {\n- padding-top: 40px;\n- padding-bottom: 32px;\n-\n- @media (min-width: 1260px) {\n- padding-bottom: 48px;\n- }\n- }\n-\n- &__name {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- }\n-\n- &__paragraph {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- margin-bottom: 8px;\n- text-decoration: none;\n- }\n-\n- &__call-link {\n- font-family: Cinzel, sans-serif;\n- font-size: 12px;\n- font-weight: 700;\n- line-height: 16px;\n- letter-spacing: 2px;\n- text-align: left;\n- color: #fff;\n- text-decoration: none;\n- margin-bottom: 8px;\n- border-bottom: 1px solid transparent;\n- transition: 0.3s;\n- margin-top: 8px;\n-\n- &:hover {\n- border-bottom: 1px solid #fff;\n- }\n- }\n-}\n" + }, + { + "date": 1708344171308, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,87 @@\n+.menu {\n+ position: fixed;\n+ top: 0;\n+ left: 0;\n+ right: 0;\n+ transform: translateX(-100%);\n+ transition: transform 0.3s ease-in-out;\n+ background-color: #d12d35;\n+ padding: 25px 200px;\n+ min-height: 100vh;\n+ display: flex;\n+ flex-direction: column;\n+\n+\n+\n+ @media (min-width: 744px) {\n+ padding: 32px 72px;\n+ }\n+\n+ @media (min-width: 1260px) {\n+ padding: 50px 120px;\n+ }\n+\n+ &__logo {\n+ max-width: 64px;\n+ max-height: 46px;\n+\n+ @media (min-width: 744px) {\n+ min-width: 87px;\n+ min-height: 65px;\n+ }\n+ }\n+\n+ &:target {\n+ transform: translateX(0);\n+ }\n+\n+ &__links {\n+ padding-top: 40px;\n+ padding-bottom: 32px;\n+\n+ @media (min-width: 1260px) {\n+ padding-bottom: 48px;\n+ }\n+ }\n+\n+ &__name {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ }\n+\n+ &__paragraph {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ margin-bottom: 8px;\n+ text-decoration: none;\n+ }\n+\n+ &__call-link {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 12px;\n+ font-weight: 700;\n+ line-height: 16px;\n+ letter-spacing: 2px;\n+ text-align: left;\n+ color: #fff;\n+ text-decoration: none;\n+ margin-bottom: 8px;\n+ border-bottom: 1px solid transparent;\n+ transition: 0.3s;\n+ margin-top: 8px;\n+\n+ &:hover {\n+ border-bottom: 1px solid #fff;\n+ }\n+ }\n+}\n" + }, + { + "date": 1708344213068, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,87 @@\n+.menu {\n+ position: fixed;\n+ top: 0;\n+ left: 0;\n+ right: 0;\n+ transform: translateX(-100%);\n+ transition: transform 0.3s ease-in-out;\n+ background-color: #d12d35;\n+ padding: 25px 20px;\n+ min-height: 100vh;\n+ display: flex;\n+ flex-direction: column;\n+\n+\n+\n+ @media (min-width: 744px) {\n+ padding: 32px 72px;\n+ }\n+\n+ @media (min-width: 1260px) {\n+ padding: 50px 120px;\n+ }\n+\n+ &__logo {\n+ max-width: 64px;\n+ max-height: 46px;\n+\n+ @media (min-width: 744px) {\n+ min-width: 87px;\n+ min-height: 65px;\n+ }\n+ }\n+\n+ &:target {\n+ transform: translateX(0);\n+ }\n+\n+ &__links {\n+ padding-top: 40px;\n+ padding-bottom: 32px;\n+\n+ @media (min-width: 1260px) {\n+ padding-bottom: 48px;\n+ }\n+ }\n+\n+ &__name {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ }\n+\n+ &__paragraph {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ margin-bottom: 8px;\n+ text-decoration: none;\n+ }\n+\n+ &__call-link {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 12px;\n+ font-weight: 700;\n+ line-height: 16px;\n+ letter-spacing: 2px;\n+ text-align: left;\n+ color: #fff;\n+ text-decoration: none;\n+ margin-bottom: 8px;\n+ border-bottom: 1px solid transparent;\n+ transition: 0.3s;\n+ margin-top: 8px;\n+\n+ &:hover {\n+ border-bottom: 1px solid #fff;\n+ }\n+ }\n+}\n" + }, + { + "date": 1708346101329, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -35,10 +35,9 @@\n transform: translateX(0);\n }\n \n &__links {\n- padding-top: 40px;\n- padding-bottom: 32px;\n+ overflow-y: auto;\n \n @media (min-width: 1260px) {\n padding-bottom: 48px;\n }\n@@ -84,177 +83,4 @@\n border-bottom: 1px solid #fff;\n }\n }\n }\n-.menu {\n- position: fixed;\n- top: 0;\n- left: 0;\n- right: 0;\n- transform: translateX(-100%);\n- transition: transform 0.3s ease-in-out;\n- background-color: #d12d35;\n- padding: 25px 200px;\n- min-height: 100vh;\n- display: flex;\n- flex-direction: column;\n-\n-\n-\n- @media (min-width: 744px) {\n- padding: 32px 72px;\n- }\n-\n- @media (min-width: 1260px) {\n- padding: 50px 120px;\n- }\n-\n- &__logo {\n- max-width: 64px;\n- max-height: 46px;\n-\n- @media (min-width: 744px) {\n- min-width: 87px;\n- min-height: 65px;\n- }\n- }\n-\n- &:target {\n- transform: translateX(0);\n- }\n-\n- &__links {\n- padding-top: 40px;\n- padding-bottom: 32px;\n-\n- @media (min-width: 1260px) {\n- padding-bottom: 48px;\n- }\n- }\n-\n- &__name {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- }\n-\n- &__paragraph {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- margin-bottom: 8px;\n- text-decoration: none;\n- }\n-\n- &__call-link {\n- font-family: Cinzel, sans-serif;\n- font-size: 12px;\n- font-weight: 700;\n- line-height: 16px;\n- letter-spacing: 2px;\n- text-align: left;\n- color: #fff;\n- text-decoration: none;\n- margin-bottom: 8px;\n- border-bottom: 1px solid transparent;\n- transition: 0.3s;\n- margin-top: 8px;\n-\n- &:hover {\n- border-bottom: 1px solid #fff;\n- }\n- }\n-}\n-.menu {\n- position: fixed;\n- top: 0;\n- left: 0;\n- right: 0;\n- transform: translateX(-100%);\n- transition: transform 0.3s ease-in-out;\n- background-color: #d12d35;\n- min-height: 100vh;\n- display: flex;\n- flex-direction: column;\n-\n-\n-\n- @media (min-width: 744px) {\n- padding: 32px 72px;\n- }\n-\n- @media (min-width: 1260px) {\n- padding: 50px 120px;\n- }\n-\n- &__logo {\n- max-width: 64px;\n- max-height: 46px;\n-\n- @media (min-width: 744px) {\n- min-width: 87px;\n- min-height: 65px;\n- }\n- }\n-\n- &:target {\n- transform: translateX(0);\n- }\n-\n- &__links {\n- padding-top: 40px;\n- padding-bottom: 32px;\n-\n- @media (min-width: 1260px) {\n- padding-bottom: 48px;\n- }\n- }\n-\n- &__name {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- }\n-\n- &__paragraph {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- margin-bottom: 8px;\n- text-decoration: none;\n- }\n-\n- &__call-link {\n- font-family: Cinzel, sans-serif;\n- font-size: 12px;\n- font-weight: 700;\n- line-height: 16px;\n- letter-spacing: 2px;\n- text-align: left;\n- color: #fff;\n- text-decoration: none;\n- margin-bottom: 8px;\n- border-bottom: 1px solid transparent;\n- transition: 0.3s;\n- margin-top: 8px;\n-\n- &:hover {\n- border-bottom: 1px solid #fff;\n- }\n- }\n-}\n" + }, + { + "date": 1708346145968, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -35,9 +35,10 @@\n transform: translateX(0);\n }\n \n &__links {\n- overflow-y: auto;\n+ padding-top: 40px;\n+ padding-bottom: 32px;\n \n @media (min-width: 1260px) {\n padding-bottom: 48px;\n }\n" + }, + { + "date": 1708346151366, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -9,8 +9,9 @@\n padding: 25px 20px;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n+ overflow-y: auto;\n \n \n \n @media (min-width: 744px) {\n" + }, + { + "date": 1708346190450, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -5,9 +5,8 @@\n right: 0;\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n- padding: 25px 20px;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n" + }, + { + "date": 1708346218119, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -14,8 +14,9 @@\n \n \n @media (min-width: 744px) {\n padding: 32px 72px;\n+ overflow-y: auto;\n }\n \n @media (min-width: 1260px) {\n padding: 50px 120px;\n" + }, + { + "date": 1708346244695, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,88 @@\n+.menu {\n+ position: fixed;\n+ top: 0;\n+ left: 0;\n+ right: 0;\n+ transform: translateX(-100%);\n+ transition: transform 0.3s ease-in-out;\n+ background-color: #d12d35;\n+ min-height: 100vh;\n+ display: flex;\n+ flex-direction: column;\n+ overflow-y: auto;\n+\n+\n+\n+ @media (min-width: 744px) {\n+ padding: 32px 72px;\n+ }\n+\n+ @media (min-width: 1260px) {\n+ padding: 50px 120px;\n+ overflow-y: auto;\n+ }\n+\n+ &__logo {\n+ max-width: 64px;\n+ max-height: 46px;\n+\n+ @media (min-width: 744px) {\n+ min-width: 87px;\n+ min-height: 65px;\n+ }\n+ }\n+\n+ &:target {\n+ transform: translateX(0);\n+ }\n+\n+ &__links {\n+ padding-top: 40px;\n+ padding-bottom: 32px;\n+\n+ @media (min-width: 1260px) {\n+ padding-bottom: 48px;\n+ }\n+ }\n+\n+ &__name {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ }\n+\n+ &__paragraph {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-align: left;\n+ color: #fff;\n+ margin-bottom: 8px;\n+ text-decoration: none;\n+ }\n+\n+ &__call-link {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 12px;\n+ font-weight: 700;\n+ line-height: 16px;\n+ letter-spacing: 2px;\n+ text-align: left;\n+ color: #fff;\n+ text-decoration: none;\n+ margin-bottom: 8px;\n+ border-bottom: 1px solid transparent;\n+ transition: 0.3s;\n+ margin-top: 8px;\n+\n+ &:hover {\n+ border-bottom: 1px solid #fff;\n+ }\n+ }\n+}\n" + }, + { + "date": 1708346253173, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -5,9 +5,8 @@\n right: 0;\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n- min-height: 100vh;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n \n@@ -18,9 +17,8 @@\n }\n \n @media (min-width: 1260px) {\n padding: 50px 120px;\n- overflow-y: auto;\n }\n \n &__logo {\n max-width: 64px;\n@@ -85,92 +83,4 @@\n border-bottom: 1px solid #fff;\n }\n }\n }\n-.menu {\n- position: fixed;\n- top: 0;\n- left: 0;\n- right: 0;\n- transform: translateX(-100%);\n- transition: transform 0.3s ease-in-out;\n- background-color: #d12d35;\n- min-height: 100vh;\n- display: flex;\n- flex-direction: column;\n- overflow-y: auto;\n-\n-\n-\n- @media (min-width: 744px) {\n- padding: 32px 72px;\n- overflow-y: auto;\n- }\n-\n- @media (min-width: 1260px) {\n- padding: 50px 120px;\n- }\n-\n- &__logo {\n- max-width: 64px;\n- max-height: 46px;\n-\n- @media (min-width: 744px) {\n- min-width: 87px;\n- min-height: 65px;\n- }\n- }\n-\n- &:target {\n- transform: translateX(0);\n- }\n-\n- &__links {\n- padding-top: 40px;\n- padding-bottom: 32px;\n-\n- @media (min-width: 1260px) {\n- padding-bottom: 48px;\n- }\n- }\n-\n- &__name {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- }\n-\n- &__paragraph {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-align: left;\n- color: #fff;\n- margin-bottom: 8px;\n- text-decoration: none;\n- }\n-\n- &__call-link {\n- font-family: Cinzel, sans-serif;\n- font-size: 12px;\n- font-weight: 700;\n- line-height: 16px;\n- letter-spacing: 2px;\n- text-align: left;\n- color: #fff;\n- text-decoration: none;\n- margin-bottom: 8px;\n- border-bottom: 1px solid transparent;\n- transition: 0.3s;\n- margin-top: 8px;\n-\n- &:hover {\n- border-bottom: 1px solid #fff;\n- }\n- }\n-}\n" + }, + { + "date": 1708346284939, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -6,9 +6,8 @@\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n display: flex;\n- flex-direction: column;\n overflow-y: auto;\n \n \n \n" + }, + { + "date": 1708346295974, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -5,9 +5,8 @@\n right: 0;\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n- display: flex;\n overflow-y: auto;\n \n \n \n" + }, + { + "date": 1708346441619, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -5,8 +5,9 @@\n right: 0;\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n+ padding: 20px;\n overflow-y: auto;\n \n \n \n" + }, + { + "date": 1708346486666, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -5,9 +5,9 @@\n right: 0;\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n- padding: 20px;\n+ padding: 20px 25px;\n overflow-y: auto;\n \n \n \n" + }, + { + "date": 1708346507637, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -5,9 +5,9 @@\n right: 0;\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n- padding: 20px 25px;\n+ padding: 25px 25px;\n overflow-y: auto;\n \n \n \n" + }, + { + "date": 1708347157510, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,13 +1,15 @@\n+\n+\n .menu {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n transform: translateX(-100%);\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n- padding: 25px 25px;\n+ padding: 25px 20px;\n overflow-y: auto;\n \n \n \n" + }, + { + "date": 1708347402331, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -9,8 +9,9 @@\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n padding: 25px 20px;\n overflow-y: auto;\n+ \n \n \n \n @media (min-width: 744px) {\n" + }, + { + "date": 1708347412615, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -9,9 +9,9 @@\n transition: transform 0.3s ease-in-out;\n background-color: #d12d35;\n padding: 25px 20px;\n overflow-y: auto;\n- \n+ overflow: hidden;\n \n \n \n @media (min-width: 744px) {\n" + }, + { + "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": 1707934046592, diff --git a/.lh/src/styles/blocks/_navigation.scss.json b/.lh/src/styles/blocks/_navigation.scss.json index 2386bf46f2..033ee11221 100644 --- a/.lh/src/styles/blocks/_navigation.scss.json +++ b/.lh/src/styles/blocks/_navigation.scss.json @@ -3,7 +3,7 @@ "activeCommit": 0, "commits": [ { - "activePatchIndex": 23, + "activePatchIndex": 25, "patches": [ { "date": 1707927730182, @@ -100,6 +100,14 @@ { "date": 1707994747827, "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,9 +1,8 @@\n .navigation {\n display: flex;\n justify-content: space-between;\n align-items: center;\n- margin-bottom: 40px;\n \n &__bar {\n display: flex;\n gap: 23px;\n" + }, + { + "date": 1708344534013, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -1,10 +1,100 @@\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: 7px;\n+ }\n+\n &__bar {\n display: flex;\n gap: 23px;\n+ align-items: flex-start;\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+ @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": 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": 1707927730181, diff --git a/.lh/src/styles/blocks/_phone.scss.json b/.lh/src/styles/blocks/_phone.scss.json new file mode 100644 index 0000000000..9a7164a684 --- /dev/null +++ b/.lh/src/styles/blocks/_phone.scss.json @@ -0,0 +1,94 @@ +{ + "sourceFile": "src/styles/blocks/_phone.scss", + "activeCommit": 0, + "commits": [ + { + "activePatchIndex": 19, + "patches": [ + { + "date": 1708336527588, + "content": "Index: \n===================================================================\n--- \n+++ \n" + }, + { + "date": 1708336551968, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,25 @@\n+@use \"../utils/mixins\" as *;\n+\n+.phone {\n+ display: flex;\n+ flex-direction: column;\n+ gap: 8px;\n+ text-align: right;\n+ cursor: pointer;\n+\n+ &__label {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-decoration: none;\n+ color: #fff;\n+ top: -54px;\n+ transform: translateX(calc(-100% - 16px));\n+ width: 201px;\n+ }\n+ &:not(:hover) .phone__label {\n+ @include visually-hidden;\n+ }\n+}\n" + }, + { + "date": 1708336562178, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,24 @@\n+@use \"../utils/mixins\" as *;\n+\n+.phone {\n+ display: flex;\n+ flex-direction: column;\n+ gap: 8px;\n+ text-align: right;\n+ cursor: pointer;\n+\n+ &__label {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-decoration: none;\n+ color: #fff;\n+ top: -54px;\n+ width: 201px;\n+ }\n+ &:not(:hover) .phone__label {\n+ @include visually-hidden;\n+ }\n+}\n" + }, + { + "date": 1708336636896, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,25 @@\n+@use \"../utils/mixins\" as *;\n+\n+.phone {\n+ display: flex;\n+ flex-direction: column;\n+ gap: 8px;\n+ text-align: right;\n+ cursor: pointer;\n+\n+ &__label {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ text-decoration: none;\n+ color: #fff;\n+ top: -54px;\n+ transform: translateX(calc(-100% - 16px));\n+ width: 201px;\n+ }\n+ &:not(:hover) .phone__label {\n+ @include visually-hidden;\n+ }\n+}\n" + }, + { + "date": 1708336652994, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -12,9 +12,8 @@\n font-size: 16px;\n font-weight: 700;\n line-height: 27px;\n letter-spacing: 0;\n- text-decoration: none;\n color: #fff;\n top: -54px;\n transform: translateX(calc(-100% - 16px));\n width: 201px;\n@@ -22,79 +21,4 @@\n &:not(:hover) .phone__label {\n @include visually-hidden;\n }\n }\n-@use \"../utils/mixins\" as *;\n-\n-.phone {\n- display: flex;\n- flex-direction: column;\n- gap: 8px;\n- text-align: right;\n- cursor: pointer;\n-\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-decoration: none;\n- color: #fff;\n- top: -54px;\n- width: 201px;\n- }\n- &:not(:hover) .phone__label {\n- @include visually-hidden;\n- }\n-}\n-@use \"../utils/mixins\" as *;\n-\n-.phone {\n- display: flex;\n- flex-direction: column;\n- gap: 8px;\n- text-align: right;\n- cursor: pointer;\n-\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- text-decoration: none;\n- color: #fff;\n- top: -54px;\n- transform: translateX(calc(-100% - 16px));\n- width: 201px;\n- }\n- &:not(:hover) .phone__label {\n- @include visually-hidden;\n- }\n-}\n-@use \"../utils/mixins\" as *;\n-\n-.phone {\n- display: flex;\n- flex-direction: column;\n- gap: 8px;\n- text-align: right;\n- cursor: pointer;\n-\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- position: relative;\n- text\n- color: #fff;\n- top: -54px;\n- transform: translateX(calc(-100% - 16px));\n- width: 201px;\n- }\n- &:not(:hover) .phone__label {\n- @include visually-hidden;\n- }\n-}\n" + }, + { + "date": 1708336660261, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,25 @@\n+@use \"../utils/mixins\" as *;\n+\n+.phone {\n+ display: flex;\n+ flex-direction: column;\n+ gap: 8px;\n+ text-align: right;\n+ cursor: pointer;\n+text-decoration: none;\n+\n+ &__label {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ color: #fff;\n+ top: -54px;\n+ transform: translateX(calc(-100% - 16px));\n+ width: 201px;\n+ }\n+ &:not(:hover) .phone__label {\n+ @include visually-hidden;\n+ }\n+}\n" + }, + { + "date": 1708336781371, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,25 @@\n+@use \"../utils/mixins\" as *;\n+\n+.phone {\n+ display: flex;\n+ flex-direction: column;\n+ gap: 8px;\n+ text-align: right;\n+ cursor: pointer;\n+ text-decoration: none;\n+\n+ &__label {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ color: #fff;\n+ top: -540px;\n+ transform: translateX(calc(-100% - 16px));\n+ width: 201px;\n+ }\n+ &:not(:hover) .phone__label {\n+ @include visually-hidden;\n+ }\n+}\n" + }, + { + "date": 1708336805849, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,25 @@\n+@use \"../utils/mixins\" as *;\n+\n+.phone {\n+ display: flex;\n+ flex-direction: column;\n+ gap: 8px;\n+ text-align: right;\n+ cursor: pointer;\n+ text-decoration: none;\n+\n+ &__label {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ color: #fff;\n+ top: -5px;\n+ transform: translateX(calc(-100% - 16px));\n+ width: 201px;\n+ }\n+ &:not(:hover) .phone__label {\n+ @include visually-hidden;\n+ }\n+}\n" + }, + { + "date": 1708336816627, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -14,86 +14,11 @@\n font-weight: 700;\n line-height: 27px;\n letter-spacing: 0;\n color: #fff;\n- top: -5px;\n transform: translateX(calc(-100% - 16px));\n width: 201px;\n }\n &:not(:hover) .phone__label {\n @include visually-hidden;\n }\n }\n-@use \"../utils/mixins\" as *;\n-\n-.phone {\n- display: flex;\n- flex-direction: column;\n- gap: 8px;\n- text-align: right;\n- cursor: pointer;\n- text-decoration: none;\n-\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- color: #fff;\n- top: -540px;\n- transform: translateX(calc(-100% - 16px));\n- width: 201px;\n- }\n- &:not(:hover) .phone__label {\n- @include visually-hidden;\n- }\n-}\n-@use \"../utils/mixins\" as *;\n-\n-.phone {\n- display: flex;\n- flex-direction: column;\n- gap: 8px;\n- text-align: right;\n- cursor: pointer;\n-text-decoration: none;\n-\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- color: #fff;\n- top: -54px;\n- transform: translateX(calc(-100% - 16px));\n- width: 201px;\n- }\n- &:not(:hover) .phone__label {\n- @include visually-hidden;\n- }\n-}\n-@use \"../utils/mixins\" as *;\n-\n-.phone {\n- display: flex;\n- flex-direction: column;\n- gap: 8px;\n- text-align: right;\n- cursor: pointer;\n-\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- color: #fff;\n- top: -54px;\n- transform: translateX(calc(-100% - 16px));\n- width: 201px;\n- }\n- &:not(:hover) .phone__label {\n- @include visually-hidden;\n- }\n-}\n" + }, + { + "date": 1708336830260, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,25 @@\n+@use \"../utils/mixins\" as *;\n+\n+.phone {\n+ display: flex;\n+ flex-direction: column;\n+ gap: 8px;\n+ text-align: right;\n+ cursor: pointer;\n+ text-decoration: none;\n+\n+ &__label {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ color: #fff;\n+ transform: translateX(calc(-100% - 16px));\n+ transform: translateX(calc(-100% - 16px));\n+ width: 201px;\n+ }\n+ &:not(:hover) .phone__label {\n+ @include visually-hidden;\n+ }\n+}\n" + }, + { + "date": 1708336844253, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,25 @@\n+@use \"../utils/mixins\" as *;\n+\n+.phone {\n+ display: flex;\n+ flex-direction: column;\n+ gap: 8px;\n+ text-align: right;\n+ cursor: pointer;\n+ text-decoration: none;\n+\n+ &__label {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ color: #fff;\n+ transform: translateX(calc(-100% - 16px));\n+ transform: translateY(calc(100% - 16px));\n+ width: 201px;\n+ }\n+ &:not(:hover) .phone__label {\n+ @include visually-hidden;\n+ }\n+}\n" + }, + { + "date": 1708336852588, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,25 @@\n+@use \"../utils/mixins\" as *;\n+\n+.phone {\n+ display: flex;\n+ flex-direction: column;\n+ gap: 8px;\n+ text-align: right;\n+ cursor: pointer;\n+ text-decoration: none;\n+\n+ &__label {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ color: #fff;\n+ transform: translateX(calc(-100% - 16px));\n+ transform: translateY(calc(100% - 16px));\n+ width: 201px;\n+ }\n+ &:not(:hover) .phone__label {\n+ @include visually-hidden;\n+ }\n+}\n" + }, + { + "date": 1708336866496, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -15,85 +15,11 @@\n line-height: 27px;\n letter-spacing: 0;\n color: #fff;\n transform: translateX(calc(-100% - 16px));\n- transform: translateY(calc(100% - 16px));\n+ transform: translateY(calc(100% - 116px));\n width: 201px;\n }\n &:not(:hover) .phone__label {\n @include visually-hidden;\n }\n }\n-@use \"../utils/mixins\" as *;\n-\n-.phone {\n- display: flex;\n- flex-direction: column;\n- gap: 8px;\n- text-align: right;\n- cursor: pointer;\n- text-decoration: none;\n-\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- color: #fff;\n- transform: translateX(calc(-100% - 16px));\n- transform: translateY(calc(100% - 16px));\n- width: 201px;\n- }\n- &:not(:hover) .phone__label {\n- @include visually-hidden;\n- }\n-}\n-@use \"../utils/mixins\" as *;\n-\n-.phone {\n- display: flex;\n- flex-direction: column;\n- gap: 8px;\n- text-align: right;\n- cursor: pointer;\n- text-decoration: none;\n-\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- color: #fff;\n- transform: translateX(calc(-100% - 16px));\n- transform: translateX(calc(-100% - 16px));\n- width: 201px;\n- }\n- &:not(:hover) .phone__label {\n- @include visually-hidden;\n- }\n-}\n-@use \"../utils/mixins\" as *;\n-\n-.phone {\n- display: flex;\n- flex-direction: column;\n- gap: 8px;\n- text-align: right;\n- cursor: pointer;\n- text-decoration: none;\n-\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- color: #fff;\n- transform: translateX(calc(-100% - 16px));\n- width: 201px;\n- }\n- &:not(:hover) .phone__label {\n- @include visually-hidden;\n- }\n-}\n" + }, + { + "date": 1708336877856, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -15,9 +15,9 @@\n line-height: 27px;\n letter-spacing: 0;\n color: #fff;\n transform: translateX(calc(-100% - 16px));\n- transform: translateY(calc(100% - 116px));\n+ transform: translateY(calc 116px));\n width: 201px;\n }\n &:not(:hover) .phone__label {\n @include visually-hidden;\n" + }, + { + "date": 1708336905173, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -15,9 +15,9 @@\n line-height: 27px;\n letter-spacing: 0;\n color: #fff;\n transform: translateX(calc(-100% - 16px));\n- transform: translateY(calc 116px));\n+ transform: translateY(calc(11px));\n width: 201px;\n }\n &:not(:hover) .phone__label {\n @include visually-hidden;\n" + }, + { + "date": 1708336910847, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -0,0 +1,25 @@\n+@use \"../utils/mixins\" as *;\n+\n+.phone {\n+ display: flex;\n+ flex-direction: column;\n+ gap: 8px;\n+ text-align: right;\n+ cursor: pointer;\n+ text-decoration: none;\n+\n+ &__label {\n+ font-family: Cinzel, sans-serif;\n+ font-size: 16px;\n+ font-weight: 700;\n+ line-height: 27px;\n+ letter-spacing: 0;\n+ color: #fff;\n+ transform: translateX(calc(-100% - 16px));\n+ transform: translateY(calc(-6px));\n+ width: 201px;\n+ }\n+ &:not(:hover) .phone__label {\n+ @include visually-hidden;\n+ }\n+}\n" + }, + { + "date": 1708336919791, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -15,36 +15,11 @@\n line-height: 27px;\n letter-spacing: 0;\n color: #fff;\n transform: translateX(calc(-100% - 16px));\n- transform: translateY(calc(-6px));\n+ transform: translateY(calc(-90px));\n width: 201px;\n }\n &:not(:hover) .phone__label {\n @include visually-hidden;\n }\n }\n-@use \"../utils/mixins\" as *;\n-\n-.phone {\n- display: flex;\n- flex-direction: column;\n- gap: 8px;\n- text-align: right;\n- cursor: pointer;\n- text-decoration: none;\n-\n- &__label {\n- font-family: Cinzel, sans-serif;\n- font-size: 16px;\n- font-weight: 700;\n- line-height: 27px;\n- letter-spacing: 0;\n- color: #fff;\n- transform: translateX(calc(-100% - 16px));\n- transform: translateY(calc(11px));\n- width: 201px;\n- }\n- &:not(:hover) .phone__label {\n- @include visually-hidden;\n- }\n-}\n" + }, + { + "date": 1708336929910, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -15,9 +15,8 @@\n line-height: 27px;\n letter-spacing: 0;\n color: #fff;\n transform: translateX(calc(-100% - 16px));\n- transform: translateY(calc(-90px));\n width: 201px;\n }\n &:not(:hover) .phone__label {\n @include visually-hidden;\n" + }, + { + "date": 1708336936714, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -14,8 +14,9 @@\n font-weight: 700;\n line-height: 27px;\n letter-spacing: 0;\n color: #fff;\n+ top: 50px;\n transform: translateX(calc(-100% - 16px));\n width: 201px;\n }\n &:not(:hover) .phone__label {\n" + }, + { + "date": 1708336945496, + "content": "Index: \n===================================================================\n--- \n+++ \n@@ -14,9 +14,9 @@\n font-weight: 700;\n line-height: 27px;\n letter-spacing: 0;\n color: #fff;\n- top: 50px;\n+ top: 5px;\n transform: translateX(calc(-100% - 16px));\n width: 201px;\n }\n &:not(:hover) .phone__label {\n" + } + ], + "date": 1708336527588, + "name": "Commit-0", + "content": "@use \"../utils/mixins\" as *;\n\n.phone {\n display: flex;\n flex-direction: column;\n gap: 8px;\n text-align: right;\n cursor: pointer;\n\n &__label {\n font-family: Cinzel, sans-serif;\n font-size: 16px;\n font-weight: 700;\n line-height: 27px;\n letter-spacing: 0;\n position: relative;\n text\n color: #fff;\n top: -54px;\n transform: translateX(calc(-100% - 16px));\n width: 201px;\n }\n &:not(:hover) .phone__label {\n @include visually-hidden;\n }\n}\n" + } + ] +} \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index 3be87fb8af..9b93f262c0 100644 --- a/dist/index.html +++ b/dist/index.html @@ -5,6 +5,7 @@ The Met + @@ -15,13 +16,12 @@