-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.a5ab6f38.css.map
1 lines (1 loc) · 17 KB
/
index.a5ab6f38.css.map
1
{"mappings":"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","sources":["./index.047104c2.css","./sass/_base.scss","./%3Cinput%20css%20daam9w%3E","./sass/_header.scss","./sass/_navigation.scss","./sass/_searchField.scss","./sass/_section1.scss","./sass/_recipeView.scss","./sass/_about.scss","./sass/main.scss"],"sourcesContent":[null,"*,\n*::after,\n*::before {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n}\n\nhtml {\n font-size: 62.5%;\n scroll-behavior: smooth;\n}\n\nbody {\n font-family: sans-serif;\n font-weight: 400;\n box-sizing: border-box;\n padding: 3rem;\n}\n","*,\n*::after,\n*::before {\n margin: 0;\n padding: 0;\n box-sizing: inherit;\n}\n\nhtml {\n font-size: 62.5%;\n scroll-behavior: smooth;\n}\n\nbody {\n font-family: sans-serif;\n font-weight: 400;\n box-sizing: border-box;\n padding: 3rem;\n}\n\n.header {\n position: relative;\n z-index: 10;\n}\n\n.header .carousel-item {\n height: 80rem;\n}\n\n.header .carousel-item--img {\n position: absolute;\n object-fit: cover;\n top: -50rem;\n left: 0;\n overflow: hidden;\n width: 100%;\n /* min-height: 80rem; */\n /* opacity: 0.8; */\n -webkit-filter: grayscale(60%);\n /* Safari 6.0 - 9.0 */\n filter: grayscale(20%);\n}\n\n.header .carousel-caption {\n position: absolute;\n font-size: 2rem;\n font-weight: 800;\n width: 70rem;\n background-color: #8a5b1e;\n transform: translate(30rem, -40rem);\n opacity: 0.7;\n border-radius: 3rem;\n}\n\n.header .carousel-caption--text {\n position: relative;\n font-size: 4rem;\n font-weight: 800;\n text-transform: uppercase;\n color: whitesmoke;\n}\n\n.header .carousel-caption .btn-search {\n position: relative;\n text-transform: uppercase;\n font-size: 2rem;\n margin: 1.5rem;\n font-weight: 800;\n}\n\n.navbar {\n position: sticky;\n font-size: 2.5rem;\n width: 100%;\n z-index: 20;\n opacity: 0.9;\n height: 10rem;\n /* background: rgb(226, 182, 36); */\n background: linear-gradient(to right, rgba(160, 93, 93, 0.8), rgba(240, 194, 108, 0.9)), url(\"food-ill.6aef839e.jpeg\");\n}\n\n.navbar__logo {\n width: 20rem;\n}\n\n.navbar__logo .logo {\n width: 20rem;\n}\n\n.nav-item {\n margin: 2rem;\n font-size: 2rem;\n font-weight: 1000;\n text-transform: uppercase;\n}\n\n.nav-link {\n color: white;\n transform: translate(110rem);\n letter-spacing: 0.3rem;\n}\n\n.btn-searchField {\n font-size: 2.5rem;\n}\n\n.card-body {\n background-image: url(food-ill.6aef839e.jpeg);\n background: rgba(65, 66, 65, 0.7);\n}\n\n.card-body .search {\n border: 0.2rem solid black;\n border-radius: 5rem;\n width: 60rem;\n margin: 8rem;\n transform: translate(50rem, -5rem);\n background-color: white;\n}\n\n.card-body .search__field {\n display: inline-block;\n position: relative;\n font-size: 1.6rem;\n width: 50rem;\n margin: 1rem;\n}\n\n.card-body .search__field--text {\n margin: 4rem;\n width: 30rem;\n height: 4rem;\n transform: translateX(5rem);\n border-bottom: 0.3rem solid orange;\n border-right: 0.3rem solid orange;\n}\n\n.card-body .search .dropdown {\n margin: 2rem;\n transform: translate(1rem);\n z-index: -20;\n border-top: 0.2rem solid gray;\n}\n\n.card-body .search .dropdown .btn-group {\n margin: 3rem;\n font-size: 2rem;\n transform: translateX(3rem);\n}\n\n.card-body .search .dropdown-toggle {\n font-size: 1.6rem;\n font-weight: bold;\n}\n\n.card-body .search .dropdown-item {\n font-family: sans-serif;\n font-size: 1.6rem;\n font-weight: bold;\n word-spacing: 2rem;\n margin: 1rem;\n}\n\n.card-body .search .dropdown-item input {\n width: 2rem;\n height: 2rem;\n margin-right: 2rem;\n}\n\n.card-body .search .btn-outline-warning {\n margin: 2rem;\n font-size: 2rem;\n}\n\n.section--1 {\n margin-top: 8rem;\n background-size: cover;\n position: relative;\n clip-path: polygon(0 0, 175vh 0, 100% 100%, 5vh 100%);\n /* -webkit-background-size: cover;\n -moz-background-size: cover;\n -o-background-size: cover; */\n min-height: 120vh;\n object-fit: cover;\n}\n\n.section--1 .search-results {\n display: grid;\n margin: 2rem;\n justify-content: start;\n transform: translateX(-30rem);\n /* justify-content: start; */\n}\n\n.section--1 .search-results .results {\n margin: 2rem;\n}\n\n.section--1 .search-results .results .preview {\n display: grid;\n grid-template-columns: 2rem 2rem 2rem 2rem;\n grid-gap: 2rem;\n justify-content: start;\n background: transparent;\n border-radius: 5rem;\n height: 16rem;\n margin: 3rem 3rem;\n}\n\n.section--1 .search-results .results .preview .preview__fig img {\n width: 14rem;\n height: 100%;\n object-fit: cover;\n margin: 2rem 2rem 2rem 2rem;\n border: 0.2rem solid black;\n border-radius: 10rem;\n}\n\n.section--1 .search-results .results .preview .preview__data {\n text-align: left;\n color: black;\n width: 20rem;\n}\n\n.section--1 .search-results .results .preview .preview__data .preview__title {\n font-size: 2rem;\n}\n\n.section--1 .search-results .pagination {\n width: 10rem;\n transform: translateY(100rem);\n}\n\n.section--1 .search-results .pagination__btn--prev {\n width: 10rem;\n background: transparent;\n cursor: pointer;\n}\n\n.section--1 .search-results .pagination__btn--prev .search__icon {\n width: 20rem;\n}\n\n.section--1 .search-results .pagination__btn--next {\n width: 10rem;\n background: transparent;\n cursor: pointer;\n}\n\n.recipe__view .title h3 {\n font-family: sans-serif;\n font-size: 4rem;\n font-weight: bold;\n text-align: center;\n}\n\n.recipe__view .image img {\n width: 100%;\n border-radius: 20rem;\n}\n\n.recipe__view .informations {\n columns: 2;\n text-align: center;\n font-size: 2rem;\n color: #9c1818;\n cursor: pointer;\n}\n\n.recipe__view .ingredients {\n font-size: 2rem;\n margin-top: 5rem;\n text-align: center;\n}\n\n.recipe__view .ingredients p {\n font-weight: bold;\n text-align: center;\n}\n\n.recipe__view .ingredients__list {\n columns: 2;\n list-style: none;\n}\n\n.recipe__view .ingredients__list--item {\n font-weight: bold;\n}\n\n.recipe__view .instructions {\n font-size: 2rem;\n margin-top: 4rem;\n text-align: center;\n width: 80rem;\n}\n\n.center-text {\n text-align: center;\n}\n\n.about {\n margin-top: 10rem;\n}\n\n.about .heading__title {\n font-size: 3.5rem;\n text-transform: uppercase;\n font-weight: 700;\n background-image: linear-gradient(to right, #e46d6d, #f0c26c);\n display: inline-block;\n -webkit-background-clip: text;\n color: transparent;\n transition: all 0.2s;\n letter-spacing: 3px;\n}\n\n.about .heading__title:hover {\n transform: skewY(2deg) skewX(15deg) scale(1.1);\n text-shadow: 0.5rem 1rem 2rem rgba(0, 0, 0, 0.4);\n}\n\n.heading__text {\n font-size: 1.6rem;\n font-weight: 700;\n text-transform: uppercase;\n margin: 4rem;\n text-align: center;\n transform: translateX(-7rem);\n}\n\n.paragraph {\n font-size: 1.6rem;\n width: 70rem;\n margin-left: 4rem;\n}\n\n.paragraph:not(:last-child) {\n margin-bottom: 3rem;\n}\n\n.composition {\n position: relative;\n margin-top: 6rem;\n}\n\n.composition__photo {\n width: 40%;\n box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.4);\n position: absolute;\n z-index: 10;\n transition: all 0.2s;\n}\n\n.composition__photo--p1 {\n left: 0;\n top: -2rem;\n}\n\n.composition__photo--p2 {\n right: 0;\n top: -2rem;\n}\n\n.composition__photo--p3 {\n left: 30%;\n top: 10rem;\n}\n\n.composition__photo:hover {\n transform: scale(1.05);\n box-shadow: 0 2.5rem 4rem rgba(0, 0, 0, 0.5);\n z-index: 20;\n}\n/*# sourceMappingURL=index.047104c2.css.map */\n",".header {\n position: relative;\n z-index: 10;\n\n .carousel {\n &-item {\n height: 80rem;\n // width: 100%;\n\n &--img {\n position: absolute;\n object-fit: cover;\n top: -50rem;\n left: 0;\n overflow: hidden;\n width: 100%;\n /* min-height: 80rem; */\n /* opacity: 0.8; */\n -webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */\n filter: grayscale(20%);\n }\n }\n &-caption {\n position: absolute;\n font-size: 2rem;\n font-weight: 800;\n width: 70rem;\n background-color: rgb(138, 91, 30);\n transform: translate(30rem, -40rem);\n opacity: 0.7;\n border-radius: 3rem;\n &--text {\n position: relative;\n font-size: 4rem;\n font-weight: 800;\n text-transform: uppercase;\n color: whitesmoke;\n }\n .btn-search {\n position: relative;\n text-transform: uppercase;\n font-size: 2rem;\n margin: 1.5rem;\n font-weight: 800;\n }\n }\n }\n}\n",".navbar {\n position: sticky;\n font-size: 2.5rem;\n width: 100%;\n z-index: 20;\n opacity: 0.9;\n height: 10rem;\n\n /* background: rgb(226, 182, 36); */\n background: linear-gradient(\n to right,\n rgba(160, 93, 93, 0.8),\n rgb(240, 194, 108, 0.9)\n ),\n url(\"/img/food-ill.jpeg\");\n}\n.navbar__logo {\n width: 20rem;\n .logo {\n width: 20rem;\n }\n}\n.nav-item {\n margin: 2rem;\n font-size: 2rem;\n font-weight: 1000;\n text-transform: uppercase;\n}\n.nav-link {\n color: white;\n transform: translate(110rem);\n letter-spacing: 0.3rem;\n}\n",".btn-searchField {\n font-size: 2.5rem;\n}\n.card-body {\n background-image: url(../img/food-ill.jpeg);\n background: rgba(65, 66, 65, 0.7);\n\n .search {\n border: 0.2rem solid black;\n border-radius: 5rem;\n width: 60rem;\n margin: 8rem;\n transform: translate(50rem, -5rem);\n background-color: white;\n\n &__field {\n display: inline-block;\n position: relative;\n font-size: 1.6rem;\n width: 50rem;\n margin: 1rem;\n &--text {\n margin: 4rem;\n width: 30rem;\n height: 4rem;\n transform: translateX(5rem);\n border-bottom: 0.3rem solid orange;\n border-right: 0.3rem solid orange;\n }\n }\n .dropdown {\n margin: 2rem;\n transform: translate(1rem);\n z-index: -20;\n border-top: 0.2rem solid gray;\n\n .btn-group {\n margin: 3rem;\n font-size: 2rem;\n transform: translateX(3rem);\n }\n &-toggle {\n font-size: 1.6rem;\n font-weight: bold;\n }\n &-item {\n font-family: sans-serif;\n font-size: 1.6rem;\n font-weight: bold;\n word-spacing: 2rem;\n margin: 1rem;\n\n & input {\n width: 2rem;\n height: 2rem;\n margin-right: 2rem;\n }\n }\n }\n\n .btn-outline-warning {\n margin: 2rem;\n // transform: translate(10rem);\n font-size: 2rem;\n }\n }\n}\n",".section--1 {\n margin-top: 8rem;\n // background: linear-gradient(\n // rgba(240, 42, 28, 0.5) 100%,\n // rgba(224, 195, 114, 0.5) 100%\n // );\n background-size: cover;\n position: relative;\n clip-path: polygon(0 0, 175vh 0, 100% 100%, 5vh 100%);\n // -webkit-clip-path: polygon(0px 148px, 0px 244.24px);\n /* -webkit-background-size: cover;\n -moz-background-size: cover;\n -o-background-size: cover; */\n\n min-height: 120vh;\n object-fit: cover;\n\n .search-results {\n display: grid;\n margin: 2rem;\n justify-content: start;\n transform: translateX(-30rem);\n\n /* justify-content: start; */\n\n .results {\n margin: 2rem;\n .preview {\n display: grid;\n grid-template-columns: 2rem 2rem 2rem 2rem;\n grid-gap: 2rem;\n justify-content: start;\n background: transparent;\n border-radius: 5rem;\n height: 16rem;\n\n margin: 3rem 3rem;\n\n .preview__fig img {\n width: 14rem;\n height: 100%;\n object-fit: cover;\n margin: 2rem 2rem 2rem 2rem;\n border: 0.2rem solid black;\n border-radius: 10rem;\n }\n\n .preview__data {\n text-align: left;\n color: black;\n width: 20rem;\n .preview__title {\n font-size: 2rem;\n }\n }\n }\n }\n .pagination {\n width: 10rem;\n transform: translateY(100rem);\n\n &__btn--prev {\n width: 10rem;\n\n background: transparent;\n cursor: pointer;\n .search__icon {\n width: 20rem;\n }\n }\n &__btn--next {\n width: 10rem;\n\n background: transparent;\n cursor: pointer;\n }\n }\n }\n}\n",".recipe {\n &__view {\n .title h3 {\n font-family: sans-serif;\n font-size: 4rem;\n font-weight: bold;\n text-align: center;\n }\n .image img {\n width: 100%;\n border-radius: 20rem;\n }\n .informations {\n columns: 2;\n text-align: center;\n font-size: 2rem;\n color: rgb(156, 24, 24);\n cursor: pointer;\n }\n .ingredients {\n font-size: 2rem;\n margin-top: 5rem;\n text-align: center;\n & p {\n font-weight: bold;\n text-align: center;\n }\n &__list {\n columns: 2;\n list-style: none;\n\n &--item {\n font-weight: bold;\n }\n }\n }\n .instructions {\n font-size: 2rem;\n margin-top: 4rem;\n text-align: center;\n width: 80rem;\n }\n }\n}\n",".center-text {\n text-align: center;\n}\n\n.about {\n margin-top: 10rem;\n .heading {\n &__title {\n font-size: 3.5rem;\n text-transform: uppercase;\n font-weight: 700;\n background-image: linear-gradient(\n to right,\n rgba(228, 109, 109),\n rgba(240, 194, 108)\n );\n display: inline-block;\n -webkit-background-clip: text;\n color: transparent;\n transition: all 0.2s;\n letter-spacing: 3px;\n\n &:hover {\n transform: skewY(2deg) skewX(15deg) scale(1.1);\n text-shadow: 0.5rem 1rem 2rem rgba(#000000, 0.4);\n }\n }\n }\n}\n.heading__text {\n font-size: 1.6rem;\n font-weight: 700;\n text-transform: uppercase;\n margin: 4rem;\n text-align: center;\n transform: translateX(-7rem);\n}\n\n.paragraph {\n font-size: 1.6rem;\n width: 70rem;\n margin-left: 4rem;\n\n &:not(:last-child) {\n margin-bottom: 3rem;\n }\n}\n.composition {\n position: relative;\n margin-top: 6rem;\n &__photo {\n width: 40%;\n box-shadow: 0 1.5rem 4rem rgba(#000000, 0.4);\n position: absolute;\n z-index: 10;\n transition: all 0.2s;\n\n &--p1 {\n left: 0;\n top: -2rem;\n }\n &--p2 {\n right: 0;\n top: -2rem;\n }\n &--p3 {\n left: 30%;\n top: 10rem;\n }\n\n &:hover {\n transform: scale(1.05);\n box-shadow: 0 2.5rem 4rem rgba(#000000, 0.5);\n z-index: 20;\n }\n }\n}\n","@import \"base\";\n@import \"header\";\n@import \"navigation\";\n@import \"searchField\";\n@import \"section1\";\n@import \"recipeView\";\n@import \"about\";\n"],"names":[],"version":3,"file":"index.a5ab6f38.css.map","sourceRoot":"/__parcel_source_root/"}