-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyles-min.css.map
1 lines (1 loc) · 11.2 KB
/
styles-min.css.map
1
{"version":3,"sources":["styles.sass"],"names":[],"mappings":"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","file":"styles-min.css","sourcesContent":["@mixin product-button()\n padding: 5px 12px 5px 10px\n margin: 5px\n width: 50px\n height: 50px\n border-radius: 5px\n background-color: white\n background-size: 90%\n background-repeat: no-repeat\n background-position: center\n transition: all 0.2s ease-in-out\n\n &:hover\n box-shadow: 0 0 15px rgba(0, 123, 255, 0.5)\n transform: scale(1.1)\n \n*\n margin: 0\n box-sizing: border-box\n\n.--hidden\n display: none\n pointer-events: none\n\n.main-nav--container\n width: 100%\n border-bottom: 3px solid black\n padding-bottom: 10px\n\n > h1\n text-align: center\n font-size: 50px\n\n > nav\n width: fit-content\n margin: 0 auto\n font-size: 30px\n font-weight: bold\n\n#product-list\n display: flex\n margin: 20px auto\n width: 80%\n flex-wrap: wrap\n justify-content: center\n\n #product-list--header\n display: grid\n align-content: center\n grid-row: 1/-1\n width: 80%\n height: 50px\n margin: 10px auto\n border: 1px solid black\n border-radius: 0 5px 5px 5px\n\n #product-list--header--total-cost\n text-align: center\n font-size: 20px\n font-weight: bold\n &::before\n content: \"Total: \"\n\n #product-list--header--category-picker\n width: 90%\n max-width: 200px\n margin: 0 auto\n font-size: 20px\n font-weight: bold\n\n.product-entry\n position: relative\n margin: 10px\n width: 300px\n height: 300px\n border: 1px solid black\n border-radius: 0 5px 5px 5px\n overflow: hidden\n transition: box-shadow 0.2s ease-in-out\n\n &:hover\n box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2)\n\n a\n position: relative\n display: block\n width: 100%\n height: 100%\n\n *\n pointer-events: none\n\n img\n display: block\n position: absolute\n width: 75%\n height: 75%\n margin: 20% 12.5% 5%\n object-fit: contain\n\n h3\n display: block\n position: absolute\n padding: 5px 10px\n z-index: 1\n width: 100%\n text-align: center\n background-color: white\n border-bottom: 1px solid black\n \n .product-entry-price\n position: absolute\n bottom: 10px\n left: 10px\n z-index: 1\n min-width: 60px\n text-align: center\n font-size: 20px\n font-weight: bold\n background-color: white\n border: 1px solid black\n border-radius: 0 5px 5px 5px\n padding: 5px\n pointer-events: none\n\n .product-entry-buttons\n position: absolute\n display: grid\n grid-template-columns: 60px 60px\n bottom: 10px\n right: 10px\n z-index: 1\n\n .add-to-cart\n @include product-button()\n color: white\n font-weight: bold\n text-align: right\n font-size: 15px\n\n .add-to-cart--true\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5%207-.81-3.243A1%201%200%200%200%203.22%203H2m6%2018h2m6%200h2%22%20stroke%3D%22%235559%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%207h13.79a2%202%200%200%201%201.99%202.199l-.6%206A2%202%200%200%201%2018.19%2017H8.64a2%202%200%200%201-1.962-1.608z%22%20stroke%3D%22%23555%22%20fill%3D%22%23555%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\")\n \n .add-to-cart--false\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5%207-.81-3.243A1%201%200%200%200%203.22%203H2m6%2018h2m6%200h2%22%20stroke%3D%22%235559%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%207h13.79a2%202%200%200%201%201.99%202.199l-.6%206A2%202%200%200%201%2018.19%2017H8.64a2%202%200%200%201-1.962-1.608z%22%20stroke%3D%22%23555%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\")\n\n .remove-from-cart\n @include product-button()\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%235559%22%20d%3D%22M12.78%204.28a.75.75%200%200%200-1.06-1.06L8%206.94%204.28%203.22a.75.75%200%200%200-1.06%201.06L6.94%208l-3.72%203.72a.75.75%200%201%200%201.06%201.06L8%209.06l3.72%203.72a.75.75%200%201%200%201.06-1.06L9.06%208z%22%2F%3E%3C%2Fsvg%3E\")\n\n .favorite-button\n @include product-button()\n \n .favorite-button--true\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3.984%2011.61%205.134%206.9c1.477%201.986%204.287%201.986%205.764%200l5.134-6.9c1.312-1.763%201.312-4.268%200-6.03-1.92-2.582-6.359-1.815-8.016.969-1.657-2.784-6.096-3.55-8.016-.97-1.312%201.763-1.312%204.268%200%206.032%22%20fill%3D%22%23e00%22%20fill-opacity%3D%22.75%22%20stroke%3D%22%235559%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\")\n \n .favorite-button--false\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3.984%2011.61%205.134%206.9c1.477%201.986%204.287%201.986%205.764%200l5.134-6.9c1.312-1.763%201.312-4.268%200-6.03-1.92-2.582-6.359-1.815-8.016.969-1.657-2.784-6.096-3.55-8.016-.97-1.312%201.763-1.312%204.268%200%206.032%22%20stroke%3D%22%235559%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\")\n\n.cart-entry\n .product-entry-buttons\n display: grid\n grid-template-rows: auto auto\n\n .cart-entry-fields\n display: grid\n justify-self: end\n grid-column: span 2\n grid-template-columns: 1fr 1fr\n\n .cart-entry-fields-sum\n font-size: 15px\n text-align: center\n margin: 5px 5px\n padding: 3px 5px\n border: 1px solid black\n border-radius: 0 5px 5px 5px\n background-color: white\n\n .cart-entry-fields-amounts\n width: 50px\n font-size: 15px\n margin: 5px 5px\n padding: 3px 0 3px 10px\n border: 1px solid black\n border-radius: 0 5px 5px 5px\n\n &::-webkit-inner-spin-button\n cursor: pointer\n margin: -3px 0\n\n#modal\n position: fixed\n top: 0\n left: 0\n width: 100vw\n height: 100vh\n background-color: #5555\n z-index: 1\n\n #modal-container\n position: absolute\n top: 50%\n left: 50%\n transform: translate(-50%, -50%)\n max-width: 90%\n width: 800px\n min-height: 500px\n border: 1px solid black\n border-radius: 0 5px 5px 5px\n background-color: white\n\n #modal--close-button\n @include product-button()\n position: absolute\n top: 0\n right: 0\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%235559%22%20d%3D%22M12.78%204.28a.75.75%200%200%200-1.06-1.06L8%206.94%204.28%203.22a.75.75%200%200%200-1.06%201.06L6.94%208l-3.72%203.72a.75.75%200%201%200%201.06%201.06L8%209.06l3.72%203.72a.75.75%200%201%200%201.06-1.06L9.06%208z%22%2F%3E%3C%2Fsvg%3E\")\n\n\n.product-details-header\n margin: 15px\n border-bottom: 1px solid black\n\n h2\n margin: auto\n padding-right: 75px\n h3\n margin: auto\n padding-right: 75px\n.product-details-body\n display: grid\n grid-template-columns: 1fr 1fr\n margin: 15px\n\n img\n width: 300px\n max-width: 30vw\n max-height: 50vh\n aspect-ratio: auto\n margin: auto\n p\n margin: auto"]}