From 867c14d3e91f6c1fa16d95362fb8b0f2369b5ccb Mon Sep 17 00:00:00 2001 From: Ugo Bressollette Date: Thu, 21 Dec 2023 17:46:39 +0100 Subject: [PATCH] =?UTF-8?q?commit=20pr=C3=A9=20call=20mentorat?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/restaurants.css | 398 +++++++++++++++++------------- assets/css/restaurants.css.map | 8 +- assets/css/style.css | 434 +++++++++++++++++++-------------- assets/css/style.css.map | 8 +- package.json | 3 +- 5 files changed, 486 insertions(+), 365 deletions(-) diff --git a/assets/css/restaurants.css b/assets/css/restaurants.css index 2732612..dec428a 100644 --- a/assets/css/restaurants.css +++ b/assets/css/restaurants.css @@ -1,62 +1,78 @@ * { - font-family: 'Roboto', sans-serif; } + font-family: "Roboto", sans-serif; +} p { margin: 0; - font-weight: 300; } + font-weight: 300; +} h1 { margin: 0; font-weight: 700; - font-size: 1.5rem; } + font-size: 1.5rem; +} h2 { margin: 0; font-weight: 700; - font-size: 1.125rem; } + font-size: 1.125rem; +} h3 { font-weight: 500; - font-size: 1rem; } + font-size: 1rem; +} h4 { margin: 0; font-size: 1rem; font-weight: 300; - text-transform: uppercase; } + text-transform: uppercase; +} .slim-footer { font-weight: 400; - font-size: 1rem; } + font-size: 1rem; +} .new-tag { font-size: 0.875rem; - font-weight: 500; } + font-weight: 500; +} .menu-description { - font-size: 0.94rem; } + font-size: 0.94rem; +} .menu-card-content h3 { - font-size: 1.125rem; } + font-size: 1.125rem; +} header { - box-shadow: none; } - header .header-logo-container img { - width: 8rem; } - header .header-back-button { - display: inline-block; - position: absolute; } - header .header-back-button a svg { - width: 1.2rem; } + box-shadow: none; +} +header .header-logo-container img { + width: 8rem; +} +header .header-back-button { + display: inline-block; + position: absolute; +} +header .header-back-button a svg { + width: 1.2rem; +} main .intro-picture { display: inline; - width: 100%; } - main .intro-picture img { - object-fit: cover; - width: 100%; - height: auto; - display: block; } + width: 100%; +} +main .intro-picture img { + object-fit: cover; + width: 100%; + height: auto; + display: block; +} main .menu { display: flex; position: relative; @@ -69,63 +85,76 @@ main .menu { width: 100%; padding: 2rem 1.1rem 2.5rem 1.06rem; box-sizing: border-box; - gap: 2.5rem; } - main .menu .menu-title { - display: flex; - position: relative; - flex-direction: row; - justify-content: space-between; - align-items: center; } - main .menu .menu-title h1 { - position: relative; - font-family: 'shrikhand', sans-serif; - font-size: 1.75rem; } - main .menu .detailed-menu { - display: flex; - flex-direction: column; - gap: 2.5rem; } - main .menu .detailed-menu .menu-part { - display: flex; - flex-direction: column; - gap: 0.75rem; } - main .menu .detailed-menu .menu-subtitle { - display: flex; - flex-direction: column; - gap: 7px; } - main .menu .detailed-menu .menu-card-grid { - display: flex; - flex-direction: column; - gap: 1rem; } - main .menu .detailed-menu .menu-card-grid .menu-card { - display: flex; - z-index: 1; - position: relative; - flex-direction: column; - overflow: hidden; - background-color: #FFFFFF; - justify-content: center; - border-radius: 0.94rem; - padding: 0.94rem; - gap: 0.31rem; - box-shadow: 0px 4.011px 15.043px 0px rgba(0, 0, 0, 0.1); } - main .menu .detailed-menu .menu-card-grid .menu-card .checked-selection { - display: flex; - align-items: center; } - main .menu .detailed-menu .menu-card-grid .menu-card .checked-selection .menu-card-content { - display: flex; - flex-direction: column; - gap: 0.31rem; - width: 100%; } - main .menu .detailed-menu .menu-card-grid .menu-card .checked-selection .menu-card-content .menu-description { - width: 100%; - transition: width 1.5s ease; } - main .menu .explore-btn { - display: flex; - align-items: center; - justify-content: center; } + gap: 2.5rem; +} +main .menu .menu-title { + display: flex; + position: relative; + flex-direction: row; + justify-content: space-between; + align-items: center; +} +main .menu .menu-title h1 { + position: relative; + font-family: "shrikhand", sans-serif; + font-size: 1.75rem; +} +main .menu .detailed-menu { + display: flex; + flex-direction: column; + gap: 2.5rem; +} +main .menu .detailed-menu .menu-part { + display: flex; + flex-direction: column; + gap: 0.75rem; +} +main .menu .detailed-menu .menu-subtitle { + display: flex; + flex-direction: column; + gap: 7px; +} +main .menu .detailed-menu .menu-card-grid { + display: flex; + flex-direction: column; + gap: 1rem; +} +main .menu .detailed-menu .menu-card-grid .menu-card { + display: flex; + z-index: 1; + position: relative; + flex-direction: column; + overflow: hidden; + background-color: #FFFFFF; + justify-content: center; + border-radius: 0.94rem; + padding: 0.94rem; + gap: 0.31rem; + box-shadow: 0px 4.011px 15.043px 0px rgba(0, 0, 0, 0.1); +} +main .menu .detailed-menu .menu-card-grid .menu-card .checked-selection { + display: flex; + align-items: center; +} +main .menu .detailed-menu .menu-card-grid .menu-card .checked-selection .menu-card-content { + display: flex; + flex-direction: column; + gap: 0.31rem; + width: 100%; +} +main .menu .detailed-menu .menu-card-grid .menu-card .checked-selection .menu-card-content .menu-description { + width: 100%; + transition: width 1.5s ease; +} +main .menu .explore-btn { + display: flex; + align-items: center; + justify-content: center; +} footer { - margin: 0; } + margin: 0; +} .main-btn { display: flex; @@ -140,17 +169,20 @@ footer { border: none; padding: 0.81rem 1.5rem; width: 11.625rem; - box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); } + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); +} .main-btn:hover { filter: brightness(1.05); - box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.4); } + box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.4); +} .header-back-button { display: none; position: absolute; left: 20px; - cursor: pointer; } + cursor: pointer; +} .new-tag { display: flex; @@ -159,7 +191,8 @@ footer { right: 10px; background-color: #99E2D0; color: #008766; - padding: 0.44rem 0.60rem 0.38rem 0.56rem; } + padding: 0.44rem 0.6rem 0.38rem 0.56rem; +} /** RESTAURANT CARD **/ .select-button { @@ -168,11 +201,13 @@ footer { right: -1px; height: 100%; right: -4.2rem; - transition: ease 0.7s; } - .select-button .price { - position: relative; - bottom: 2.5rem; - right: 2.5rem; } + transition: ease 0.7s; +} +.select-button .price { + position: relative; + bottom: 2.5rem; + right: 2.5rem; +} .trigger { position: absolute; @@ -181,18 +216,21 @@ footer { margin: 0; width: 100%; height: 100%; - opacity: 0; } + opacity: 0; +} .trigger:checked + .checked-selection .select-button { right: -1px; - transition: right 0.7s ease; } + transition: right 0.7s ease; +} .trigger:checked + .checked-selection .menu-description { max-width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - transition: max-width 1.3s ease-in-out; } + transition: max-width 1.3s ease-in-out; +} header { display: flex; @@ -202,14 +240,17 @@ header { align-items: center; height: auto; background-color: #fff; - box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); } - header .header-logo-container { - display: flex; } - header .header-logo-container img { - position: relative; - max-width: 11.125rem; - margin: 0.88rem 5.56rem 0.81rem 5.56rem; - height: auto; } + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); +} +header .header-logo-container { + display: flex; +} +header .header-logo-container img { + position: relative; + max-width: 11.125rem; + margin: 0.88rem 5.56rem 0.81rem 5.56rem; + height: auto; +} footer { display: flex; @@ -218,102 +259,125 @@ footer { color: white; font-weight: 500; padding: 2rem; - gap: 1.15rem; } - footer .img-footer { - display: flex; } - footer .footer-content { - display: flex; - flex-direction: column; - padding-inline-start: 0; - gap: 0.44rem; } - footer a { - display: flex; - flex-direction: row; - gap: 0.69rem; - align-items: center; } + gap: 1.15rem; +} +footer .img-footer { + display: flex; +} +footer .footer-content { + display: flex; + flex-direction: column; + padding-inline-start: 0; + gap: 0.44rem; +} +footer a { + display: flex; + flex-direction: row; + gap: 0.69rem; + align-items: center; +} @media (min-width: 1440px) { main .fonctionnement { padding-left: 11.25rem; - padding-right: 11.25rem; } + padding-right: 11.25rem; + } main .restaurants-list { padding-left: 11.25rem; - padding-right: 11.25rem; } - + padding-right: 11.25rem; + } footer { height: 4.125rem; - padding: 3rem; } - + padding: 3rem; + } /*** RESTAURANTS ***/ main .menu { display: flex; margin-left: 20rem; - padding: 3.19rem 13.13rem 2.5rem 13.13rem; } } + padding: 3.19rem 13.13rem 2.5rem 13.13rem; + } +} @media (min-width: 820px) { header { - height: 6rem; } - + height: 6rem; + } main .opening-section .welcome-part .welcome-txt { width: 100%; - gap: 2rem; } - main .opening-section .welcome-part .welcome-txt h1 { - width: 100%; - justify-content: center; - font-size: 2.5rem; } - main .opening-section .welcome-part .welcome-txt p { - font-size: 1.125rem; } + gap: 2rem; + } + main .opening-section .welcome-part .welcome-txt h1 { + width: 100%; + justify-content: center; + font-size: 2.5rem; + } + main .opening-section .welcome-part .welcome-txt p { + font-size: 1.125rem; + } main .fonctionnement { padding-right: 5rem; - padding-left: 5rem; } - main .fonctionnement .fonctionnement-grid { - display: flex; - flex-direction: row; - width: 100%; - justify-content: center; } - main .fonctionnement .fonctionnement-grid .fonctionnement-card { - width: 33%; } - main .fonctionnement .fonctionnement-grid .fonctionnement-card h3 { - text-align: center; } + padding-left: 5rem; + } + main .fonctionnement .fonctionnement-grid { + display: flex; + flex-direction: row; + width: 100%; + justify-content: center; + } + main .fonctionnement .fonctionnement-grid .fonctionnement-card { + width: 33%; + } + main .fonctionnement .fonctionnement-grid .fonctionnement-card h3 { + text-align: center; + } main .restaurants-list { padding-left: 5rem; - padding-right: 5rem; } - main .restaurants-list .restaurants-grid { - display: grid; - grid-template-columns: 1fr 1fr; - justify-content: space-between; - gap: 3.12rem 6.25rem; } - main .restaurants-list .restaurants-grid .restaurants-card { - height: 15rem; } - + padding-right: 5rem; + } + main .restaurants-list .restaurants-grid { + display: grid; + grid-template-columns: 1fr 1fr; + justify-content: space-between; + gap: 3.12rem 6.25rem; + } + main .restaurants-list .restaurants-grid .restaurants-card { + height: 15rem; + } footer { display: flex; flex-direction: row-reverse; height: 4.125rem; align-items: flex-end; - gap: 6rem; } - footer .footer-content { - flex-direction: row; - right: 10px; - bottom: 10px; } - footer .footer-content a { - font-size: 1rem; } - + gap: 6rem; + } + footer .footer-content { + flex-direction: row; + right: 10px; + bottom: 10px; + } + footer .footer-content a { + font-size: 1rem; + } /*** RESTAURANTS ***/ main { display: flex; flex-direction: column; - justify-content: center; } - main .intro-picture img { - height: 25rem; } - main .menu { - display: flex; - width: 80%; - margin-right: 10%; - margin-left: 10%; } - main .menu .menu-title { - display: flex; - align-items: center; - justify-content: center; - gap: 1.5rem; } } + justify-content: center; + } + main .intro-picture img { + height: 25rem; + } + main .menu { + display: flex; + width: 80%; + margin-right: 10%; + margin-left: 10%; + } + main .menu .menu-title { + display: flex; + align-items: center; + justify-content: center; + gap: 1.5rem; + } +} /*# sourceMappingURL=restaurants.css.map */ diff --git a/assets/css/restaurants.css.map b/assets/css/restaurants.css.map index 5a9045e..d42bc3c 100644 --- a/assets/css/restaurants.css.map +++ b/assets/css/restaurants.css.map @@ -1,7 +1 @@ -{ -"version": 3, -"mappings": "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", -"sources": ["../../sass/base/_typography.scss","../../sass/pages/_restaurant.scss","../../sass/utils/_variables.scss","../../sass/components/_buttons.scss","../../sass/layouts/_header.scss","../../sass/layouts/_footer.scss","../../sass/responsive/_desktop.scss","../../sass/responsive/_tablet.scss"], -"names": [], -"file": "restaurants.css" -} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../sass/base/_typography.scss","../../sass/pages/_restaurant.scss","../../sass/utils/_variables.scss","../../sass/components/_buttons.scss","../../sass/layouts/_header.scss","../../sass/layouts/_footer.scss","../../sass/responsive/_desktop.scss","../../sass/responsive/_tablet.scss"],"names":[],"mappings":"AAAA;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAKJ;EACI;;;AAIA;EACI;;;ACpDR;EACI;;AAII;EACI;;AAIR;EACI;EACA;;AAGI;EACI;;;AAQZ;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA,kBChCqB;EDiCrB;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA,kBCpFD;EDqFC;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAQxB;EACI;EACA;EACA;;;AAKZ;EACI;;;AEhIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBD/Bc;ECgCd,OD/BqB;ECgCrB;;;AAGJ;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACQ;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AC1EJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEA;EACI;EACA;EACA;EACA;;;ACnBZ;EACI;EACA;EACA,kBHOoB;EGNpB;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;;;ACxBZ;EAIQ;IACI;IACA;;EAGJ;IACI;IACA;;EAGR;IACI;IACA;;AAIA;EAII;IACI;IACA;IACA;;;AC3BhB;EAEI;IACI;;EAOQ;IACI;IACA;;EAEA;IACI;IACA;IACA;;EAGJ;IACI;;EAMhB;IACI;IACA;;EAEA;IACI;IACA;IACA;IACA;;EAEA;IACI;;EAEA;IACI;;EAMhB;IACI;IACA;;EAEA;IACI;IACA;IACA;IACA;;EAEA;IACI;;EAMhB;IACI;IACA;IACA;IACA;IACA;;EAEA;IACI;IACA;IACA;;EAEA;IACI;;AAKZ;EAEA;IACI;IACA;IACA;;EAII;IACI;;EAIR;IACI;IACA;IACA;IACA;;EAEA;IACI;IACA;IACA;IACA","file":"restaurants.css"} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index 1917f05..cb4fecd 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,53 +1,66 @@ body { - margin: 0; } + margin: 0; +} ul { margin: 0; - padding: 0; } + padding: 0; +} h3 { - margin: 0; } + margin: 0; +} * { - font-family: 'Roboto', sans-serif; } + font-family: "Roboto", sans-serif; +} p { margin: 0; - font-weight: 300; } + font-weight: 300; +} h1 { margin: 0; font-weight: 700; - font-size: 1.5rem; } + font-size: 1.5rem; +} h2 { margin: 0; font-weight: 700; - font-size: 1.125rem; } + font-size: 1.125rem; +} h3 { font-weight: 500; - font-size: 1rem; } + font-size: 1rem; +} h4 { margin: 0; font-size: 1rem; font-weight: 300; - text-transform: uppercase; } + text-transform: uppercase; +} .slim-footer { font-weight: 400; - font-size: 1rem; } + font-size: 1rem; +} .new-tag { font-size: 0.875rem; - font-weight: 500; } + font-weight: 500; +} .menu-description { - font-size: 0.94rem; } + font-size: 0.94rem; +} .menu-card-content h3 { - font-size: 1.125rem; } + font-size: 1.125rem; +} .main-btn { display: flex; @@ -62,17 +75,20 @@ h4 { border: none; padding: 0.81rem 1.5rem; width: 11.625rem; - box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); } + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); +} .main-btn:hover { filter: brightness(1.05); - box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.4); } + box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.4); +} .header-back-button { display: none; position: absolute; left: 20px; - cursor: pointer; } + cursor: pointer; +} .new-tag { display: flex; @@ -81,7 +97,8 @@ h4 { right: 10px; background-color: #99E2D0; color: #008766; - padding: 0.44rem 0.60rem 0.38rem 0.56rem; } + padding: 0.44rem 0.6rem 0.38rem 0.56rem; +} /** RESTAURANT CARD **/ .select-button { @@ -90,11 +107,13 @@ h4 { right: -1px; height: 100%; right: -4.2rem; - transition: ease 0.7s; } - .select-button .price { - position: relative; - bottom: 2.5rem; - right: 2.5rem; } + transition: ease 0.7s; +} +.select-button .price { + position: relative; + bottom: 2.5rem; + right: 2.5rem; +} .trigger { position: absolute; @@ -103,18 +122,21 @@ h4 { margin: 0; width: 100%; height: 100%; - opacity: 0; } + opacity: 0; +} .trigger:checked + .checked-selection .select-button { right: -1px; - transition: right 0.7s ease; } + transition: right 0.7s ease; +} .trigger:checked + .checked-selection .menu-description { max-width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - transition: max-width 1.3s ease-in-out; } + transition: max-width 1.3s ease-in-out; +} header { display: flex; @@ -124,14 +146,17 @@ header { align-items: center; height: auto; background-color: #fff; - box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); } - header .header-logo-container { - display: flex; } - header .header-logo-container img { - position: relative; - max-width: 11.125rem; - margin: 0.88rem 5.56rem 0.81rem 5.56rem; - height: auto; } + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); +} +header .header-logo-container { + display: flex; +} +header .header-logo-container img { + position: relative; + max-width: 11.125rem; + margin: 0.88rem 5.56rem 0.81rem 5.56rem; + height: auto; +} footer { display: flex; @@ -140,19 +165,23 @@ footer { color: white; font-weight: 500; padding: 2rem; - gap: 1.15rem; } - footer .img-footer { - display: flex; } - footer .footer-content { - display: flex; - flex-direction: column; - padding-inline-start: 0; - gap: 0.44rem; } - footer a { - display: flex; - flex-direction: row; - gap: 0.69rem; - align-items: center; } + gap: 1.15rem; +} +footer .img-footer { + display: flex; +} +footer .footer-content { + display: flex; + flex-direction: column; + padding-inline-start: 0; + gap: 0.44rem; +} +footer a { + display: flex; + flex-direction: row; + gap: 0.69rem; + align-items: center; +} main .opening-section .localisation-info { display: flex; @@ -161,12 +190,15 @@ main .opening-section .localisation-info { align-items: center; gap: 1.06rem; height: 3.125rem; - background-color: #EAEAEA; } - main .opening-section .localisation-info svg { - display: flex; } - main .opening-section .localisation-info p { - font-weight: 400; - font-style: normal; } + background-color: #EAEAEA; +} +main .opening-section .localisation-info svg { + display: flex; +} +main .opening-section .localisation-info p { + font-weight: 400; + font-style: normal; +} main .opening-section .welcome-part { display: flex; flex-direction: column; @@ -174,174 +206,210 @@ main .opening-section .welcome-part { justify-content: center; gap: 2rem; padding: 3rem 1rem 3rem 1rem; - background-color: #F6F6F6; } - main .opening-section .welcome-part .welcome-txt { - display: flex; - flex-direction: column; - text-align: center; - align-items: center; - gap: 0.7rem; } - main .opening-section .welcome-part .welcome-txt h1 { - display: flex; - width: 70%; } + background-color: #F6F6F6; +} +main .opening-section .welcome-part .welcome-txt { + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + gap: 0.7rem; +} +main .opening-section .welcome-part .welcome-txt h1 { + display: flex; + width: 70%; +} main .fonctionnement { display: flex; flex-direction: column; padding: 3.5rem 1.5rem 3.5rem 1.5rem; - gap: 1.63rem; } - main .fonctionnement .fonctionnement-grid { - display: flex; - flex-direction: column; - gap: 1.56rem; } - main .fonctionnement .fonctionnement-grid .fonctionnement-card { - display: flex; - position: relative; - flex-direction: row; - align-items: center; - justify-content: center; - padding: 1.79rem 2.38rem 1.76rem 4.59rem; - background-color: #F6F6F6; - border-radius: 1.25rem; - box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15); } - main .fonctionnement .fonctionnement-grid .fonctionnement-card .numero-box { - display: flex; - position: absolute; - align-items: center; - justify-content: center; - left: -13px; - width: 1.5rem; - height: 1.5rem; - color: #fff; - background-color: #9356DC; - border-radius: 1.5rem; } - main .fonctionnement .fonctionnement-grid .fonctionnement-card svg { - display: flex; - position: absolute; - left: 2.16rem; } + gap: 1.63rem; +} +main .fonctionnement .fonctionnement-grid { + display: flex; + flex-direction: column; + gap: 1.56rem; +} +main .fonctionnement .fonctionnement-grid .fonctionnement-card { + display: flex; + position: relative; + flex-direction: row; + align-items: center; + justify-content: center; + padding: 1.79rem 2.38rem 1.76rem 4.59rem; + background-color: #F6F6F6; + border-radius: 1.25rem; + box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15); +} +main .fonctionnement .fonctionnement-grid .fonctionnement-card .numero-box { + display: flex; + position: absolute; + align-items: center; + justify-content: center; + left: -13px; + width: 1.5rem; + height: 1.5rem; + color: #fff; + background-color: #9356DC; + border-radius: 1.5rem; +} +main .fonctionnement .fonctionnement-grid .fonctionnement-card svg { + display: flex; + position: absolute; + left: 2.16rem; +} main .restaurants-list { display: flex; flex-direction: column; padding: 3.5rem 1.5rem 3.5rem 1.5rem; gap: 1.63rem; - background-color: #F6F6F6; } - main .restaurants-list .restaurants-grid { - display: flex; - flex-direction: column; - gap: 1.12rem; } - main .restaurants-list .restaurants-grid a { - text-decoration: none; - color: black; } - main .restaurants-list .restaurants-grid .restaurants-card { - display: flex; - flex-direction: column; - position: relative; - border-radius: 0.9375rem; - background-color: #FFFFFF; } - main .restaurants-list .restaurants-grid .restaurants-card img { - display: flex; - width: 100%; - height: 10rem; - object-fit: cover; - border-top-left-radius: 0.9375rem; - border-top-right-radius: 0.9375rem; } - main .restaurants-list .restaurants-grid .restaurants-card .card-content { - display: flex; - position: relative; - flex-direction: column; - padding: 1rem 0.5rem 1rem 1rem; - gap: 0.3rem; } - main .restaurants-list .restaurants-grid .restaurants-card .card-content .heart, main .restaurants-list .restaurants-grid .restaurants-card .card-content .clicked-heart { - position: absolute; - right: 1.56rem; - bottom: 2.06rem; } - main .restaurants-list .restaurants-grid .restaurants-card .card-content .heart { - z-index: 1; - fill: white; } - main .restaurants-list .restaurants-grid .restaurants-card .card-content .heart:hover { - opacity: 0; } + background-color: #F6F6F6; +} +main .restaurants-list .restaurants-grid { + display: flex; + flex-direction: column; + gap: 1.12rem; +} +main .restaurants-list .restaurants-grid a { + text-decoration: none; + color: black; +} +main .restaurants-list .restaurants-grid .restaurants-card { + display: flex; + flex-direction: column; + position: relative; + border-radius: 0.9375rem; + background-color: #FFFFFF; +} +main .restaurants-list .restaurants-grid .restaurants-card img { + display: flex; + width: 100%; + height: 10rem; + object-fit: cover; + border-top-left-radius: 0.9375rem; + border-top-right-radius: 0.9375rem; +} +main .restaurants-list .restaurants-grid .restaurants-card .card-content { + display: flex; + position: relative; + flex-direction: column; + padding: 1rem 0.5rem 1rem 1rem; + gap: 0.3rem; +} +main .restaurants-list .restaurants-grid .restaurants-card .card-content .heart, main .restaurants-list .restaurants-grid .restaurants-card .card-content .clicked-heart { + position: absolute; + right: 1.56rem; + bottom: 2.06rem; +} +main .restaurants-list .restaurants-grid .restaurants-card .card-content .heart { + z-index: 1; + fill: white; +} +main .restaurants-list .restaurants-grid .restaurants-card .card-content .heart:hover { + opacity: 0; +} @media (min-width: 820px) { header { - height: 6rem; } - + height: 6rem; + } main .opening-section .welcome-part .welcome-txt { width: 100%; - gap: 2rem; } - main .opening-section .welcome-part .welcome-txt h1 { - width: 100%; - justify-content: center; - font-size: 2.5rem; } - main .opening-section .welcome-part .welcome-txt p { - font-size: 1.125rem; } + gap: 2rem; + } + main .opening-section .welcome-part .welcome-txt h1 { + width: 100%; + justify-content: center; + font-size: 2.5rem; + } + main .opening-section .welcome-part .welcome-txt p { + font-size: 1.125rem; + } main .fonctionnement { padding-right: 5rem; - padding-left: 5rem; } - main .fonctionnement .fonctionnement-grid { - display: flex; - flex-direction: row; - width: 100%; - justify-content: center; } - main .fonctionnement .fonctionnement-grid .fonctionnement-card { - width: 33%; } - main .fonctionnement .fonctionnement-grid .fonctionnement-card h3 { - text-align: center; } + padding-left: 5rem; + } + main .fonctionnement .fonctionnement-grid { + display: flex; + flex-direction: row; + width: 100%; + justify-content: center; + } + main .fonctionnement .fonctionnement-grid .fonctionnement-card { + width: 33%; + } + main .fonctionnement .fonctionnement-grid .fonctionnement-card h3 { + text-align: center; + } main .restaurants-list { padding-left: 5rem; - padding-right: 5rem; } - main .restaurants-list .restaurants-grid { - display: grid; - grid-template-columns: 1fr 1fr; - justify-content: space-between; - gap: 3.12rem 6.25rem; } - main .restaurants-list .restaurants-grid .restaurants-card { - height: 15rem; } - + padding-right: 5rem; + } + main .restaurants-list .restaurants-grid { + display: grid; + grid-template-columns: 1fr 1fr; + justify-content: space-between; + gap: 3.12rem 6.25rem; + } + main .restaurants-list .restaurants-grid .restaurants-card { + height: 15rem; + } footer { display: flex; flex-direction: row-reverse; height: 4.125rem; align-items: flex-end; - gap: 6rem; } - footer .footer-content { - flex-direction: row; - right: 10px; - bottom: 10px; } - footer .footer-content a { - font-size: 1rem; } - + gap: 6rem; + } + footer .footer-content { + flex-direction: row; + right: 10px; + bottom: 10px; + } + footer .footer-content a { + font-size: 1rem; + } /*** RESTAURANTS ***/ main { display: flex; flex-direction: column; - justify-content: center; } - main .intro-picture img { - height: 25rem; } - main .menu { - display: flex; - width: 80%; - margin-right: 10%; - margin-left: 10%; } - main .menu .menu-title { - display: flex; - align-items: center; - justify-content: center; - gap: 1.5rem; } } + justify-content: center; + } + main .intro-picture img { + height: 25rem; + } + main .menu { + display: flex; + width: 80%; + margin-right: 10%; + margin-left: 10%; + } + main .menu .menu-title { + display: flex; + align-items: center; + justify-content: center; + gap: 1.5rem; + } +} @media (min-width: 1440px) { main .fonctionnement { padding-left: 11.25rem; - padding-right: 11.25rem; } + padding-right: 11.25rem; + } main .restaurants-list { padding-left: 11.25rem; - padding-right: 11.25rem; } - + padding-right: 11.25rem; + } footer { height: 4.125rem; - padding: 3rem; } - + padding: 3rem; + } /*** RESTAURANTS ***/ main .menu { display: flex; margin-left: 20rem; - padding: 3.19rem 13.13rem 2.5rem 13.13rem; } } + padding: 3.19rem 13.13rem 2.5rem 13.13rem; + } +} /*# sourceMappingURL=style.css.map */ diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 9467f9d..7ab637a 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1,7 +1 @@ -{ -"version": 3, -"mappings": "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", -"sources": ["../../sass/base/_base.scss","../../sass/base/_typography.scss","../../sass/components/_buttons.scss","../../sass/utils/_variables.scss","../../sass/layouts/_header.scss","../../sass/layouts/_footer.scss","../../sass/layouts/_main.scss","../../sass/responsive/_tablet.scss","../../sass/responsive/_desktop.scss"], -"names": [], -"file": "style.css" -} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../sass/base/_base.scss","../../sass/base/_typography.scss","../../sass/components/_buttons.scss","../../sass/utils/_variables.scss","../../sass/layouts/_header.scss","../../sass/layouts/_footer.scss","../../sass/layouts/_main.scss","../../sass/responsive/_tablet.scss","../../sass/responsive/_desktop.scss"],"names":[],"mappings":"AACA;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;ACXJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAKJ;EACI;;;AAIA;EACI;;;ACpDR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBC/Bc;EDgCd,OC/BqB;EDgCrB;;;AAGJ;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACQ;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AE1EJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEA;EACI;EACA;EACA;EACA;;;ACnBZ;EACI;EACA;EACA,kBFOoB;EENpB;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;;;ACpBJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBHtBiB;;AGwBjB;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAMhB;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBHzDa;EG0Db;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBH/EJ;EGgFI;;AAGJ;EACI;EACA;EACA;;AAOhB;EACI;EACA;EACA;EACA;EACA,kBHzFqB;;AG2FrB;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA,kBH3GG;;AG6GH;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;;AClJxB;EAEI;IACI;;EAOQ;IACI;IACA;;EAEA;IACI;IACA;IACA;;EAGJ;IACI;;EAMhB;IACI;IACA;;EAEA;IACI;IACA;IACA;IACA;;EAEA;IACI;;EAEA;IACI;;EAMhB;IACI;IACA;;EAEA;IACI;IACA;IACA;IACA;;EAEA;IACI;;EAMhB;IACI;IACA;IACA;IACA;IACA;;EAEA;IACI;IACA;IACA;;EAEA;IACI;;AAKZ;EAEA;IACI;IACA;IACA;;EAII;IACI;;EAIR;IACI;IACA;IACA;IACA;;EAEA;IACI;IACA;IACA;IACA;;;AC1GhB;EAIQ;IACI;IACA;;EAGJ;IACI;IACA;;EAGR;IACI;IACA;;AAIA;EAII;IACI;IACA;IACA","file":"style.css"} \ No newline at end of file diff --git a/package.json b/package.json index 8dda338..20a74ab 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,8 @@ "description": "", "main": "index.js", "scripts": { - "sass": "sass --watch ./sass/main.scss:./assets/css/style.css" + "sass-main": "sass --watch ./sass/main.scss:./assets/css/style.css", + "sass-restaurants": "sass --watch ./sass/restaurants.scss:./assets/css/restaurants.css" }, "author": "", "license": "ISC"