1 line
34 KiB
Plaintext
1 line
34 KiB
Plaintext
{"version":3,"file":"static/css/main.5007c65a.css","mappings":"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U,CACV,kCACF,CACA,IACE,SAAU,CACV,+BACF,CACA,IACE,gCACF,CACA,IACE,8BACF,CACA,GACE,cACF,CACF,CAEA,mCACE,IACE,SAAU,CACV,sCACF,CACA,GACE,SAAU,CACV,yCACF,CACF,CAEA,gCACE,kBAKE,uDACF,CACA,GACE,SAAU,CACV,iCACF,CACA,IACE,SAAU,CACV,gCACF,CACA,IACE,+BACF,CACA,IACE,+BACF,CACA,GACE,uBACF,CACF,CAEA,iCACE,IACE,gDACF,CACA,QAEE,SAAU,CACV,gDACF,CACA,GACE,SAAU,CACV,kCACF,CACF,CAEA,kCACE,kBAKE,uDACF,CACA,GACE,SAAU,CACV,kCACF,CACA,IACE,SAAU,CACV,+BACF,CACA,IACE,gCACF,CACA,IACE,8BACF,CACA,GACE,cACF,CACF,CAEA,mCACE,IACE,gDACF,CACA,QAEE,SAAU,CACV,gDACF,CACA,GACE,SAAU,CACV,iCACF,CACF,CAEA,uEAEE,qCACF,CAEA,yEAEE,sCACF,CAEA,oCACE,qCACF,CAEA,uCACE,mCACF,CAEA,qEAEE,sCACF,CAEA,uEAEE,uCACF,CAEA,mCACE,oCACF,CAEA,sCACE,sCACF,CAEA,4BACE,GACE,SAAU,CACV,2BACF,CACA,IACE,SACF,CACF,CAEA,6BACE,GACE,SACF,CACA,IACE,SAAU,CACV,qDACF,CACA,GACE,SACF,CACF,CAEA,sBACE,+BACF,CAEA,qBACE,gCACF,CAEA,4BACE,GAEE,iCAAkC,CAClC,SAAU,CAFV,2CAGF,CACA,IAEE,iCAAkC,CADlC,4CAEF,CACA,IAEE,SAAU,CADV,2CAEF,CACA,IACE,2CACF,CACA,GACE,4BACF,CACF,CAEA,6BACE,GACE,sDACF,CACA,IAEE,SAAU,CADV,sEAEF,CACA,GAEE,SAAU,CADV,qEAEF,CACF,CAEA,sBACE,+BACF,CAEA,qBACE,gCACF,CAEA,kCACE,GACE,+BAAkC,CAClC,kBACF,CACA,GACE,mCACF,CACF,CAEA,iCACE,GACE,gCAAmC,CACnC,kBACF,CAC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","sources":["../node_modules/react-toastify/dist/ReactToastify.css","App.scss"],"sourcesContent":[":root {\n --toastify-color-light: #fff;\n --toastify-color-dark: #121212;\n --toastify-color-info: #3498db;\n --toastify-color-success: #07bc0c;\n --toastify-color-warning: #f1c40f;\n --toastify-color-error: hsl(6, 78%, 57%);\n --toastify-color-transparent: rgba(255, 255, 255, 0.7);\n\n --toastify-icon-color-info: var(--toastify-color-info);\n --toastify-icon-color-success: var(--toastify-color-success);\n --toastify-icon-color-warning: var(--toastify-color-warning);\n --toastify-icon-color-error: var(--toastify-color-error);\n\n --toastify-container-width: fit-content;\n --toastify-toast-width: 320px;\n --toastify-toast-offset: 16px;\n --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));\n --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));\n --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));\n --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));\n --toastify-toast-background: #fff;\n --toastify-toast-padding: 14px;\n --toastify-toast-min-height: 64px;\n --toastify-toast-max-height: 800px;\n --toastify-toast-bd-radius: 6px;\n --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n --toastify-font-family: sans-serif;\n --toastify-z-index: 9999;\n --toastify-text-color-light: #757575;\n --toastify-text-color-dark: #fff;\n\n /* Used only for colored theme */\n --toastify-text-color-info: #fff;\n --toastify-text-color-success: #fff;\n --toastify-text-color-warning: #fff;\n --toastify-text-color-error: #fff;\n\n --toastify-spinner-color: #616161;\n --toastify-spinner-color-empty-area: #e0e0e0;\n --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n --toastify-color-progress-dark: #bb86fc;\n --toastify-color-progress-info: var(--toastify-color-info);\n --toastify-color-progress-success: var(--toastify-color-success);\n --toastify-color-progress-warning: var(--toastify-color-warning);\n --toastify-color-progress-error: var(--toastify-color-error);\n /* used to control the opacity of the progress trail */\n --toastify-color-progress-bgo: 0.2;\n}\n\n.Toastify__toast-container {\n z-index: var(--toastify-z-index);\n -webkit-transform: translate3d(0, 0, var(--toastify-z-index));\n position: fixed;\n width: var(--toastify-container-width);\n box-sizing: border-box;\n color: #fff;\n display: flex;\n flex-direction: column;\n}\n\n.Toastify__toast-container--top-left {\n top: var(--toastify-toast-top);\n left: var(--toastify-toast-left);\n}\n.Toastify__toast-container--top-center {\n top: var(--toastify-toast-top);\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n}\n.Toastify__toast-container--top-right {\n top: var(--toastify-toast-top);\n right: var(--toastify-toast-right);\n align-items: end;\n}\n.Toastify__toast-container--bottom-left {\n bottom: var(--toastify-toast-bottom);\n left: var(--toastify-toast-left);\n}\n.Toastify__toast-container--bottom-center {\n bottom: var(--toastify-toast-bottom);\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n}\n.Toastify__toast-container--bottom-right {\n bottom: var(--toastify-toast-bottom);\n right: var(--toastify-toast-right);\n align-items: end;\n}\n\n.Toastify__toast {\n --y: 0;\n position: relative;\n touch-action: none;\n width: var(--toastify-toast-width);\n min-height: var(--toastify-toast-min-height);\n box-sizing: border-box;\n margin-bottom: 1rem;\n padding: var(--toastify-toast-padding);\n border-radius: var(--toastify-toast-bd-radius);\n box-shadow: var(--toastify-toast-shadow);\n max-height: var(--toastify-toast-max-height);\n font-family: var(--toastify-font-family);\n /* webkit only issue #791 */\n z-index: 0;\n /* inner swag */\n display: flex;\n flex: 1 auto;\n align-items: center;\n word-break: break-word;\n}\n\n@media only screen and (max-width: 480px) {\n .Toastify__toast-container {\n width: 100vw;\n left: env(safe-area-inset-left);\n margin: 0;\n }\n .Toastify__toast-container--top-left,\n .Toastify__toast-container--top-center,\n .Toastify__toast-container--top-right {\n top: env(safe-area-inset-top);\n transform: translateX(0);\n }\n .Toastify__toast-container--bottom-left,\n .Toastify__toast-container--bottom-center,\n .Toastify__toast-container--bottom-right {\n bottom: env(safe-area-inset-bottom);\n transform: translateX(0);\n }\n .Toastify__toast-container--rtl {\n right: env(safe-area-inset-right);\n left: initial;\n }\n .Toastify__toast {\n --toastify-toast-width: 100%;\n margin-bottom: 0;\n border-radius: 0;\n }\n}\n\n.Toastify__toast-container[data-stacked='true'] {\n width: var(--toastify-toast-width);\n}\n\n.Toastify__toast--stacked {\n position: absolute;\n width: 100%;\n transform: translate3d(0, var(--y), 0) scale(var(--s));\n transition: transform 0.3s;\n}\n\n.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,\n.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {\n transition: opacity 0.1s;\n}\n\n.Toastify__toast--stacked[data-collapsed='false'] {\n overflow: visible;\n}\n\n.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {\n opacity: 0;\n}\n\n.Toastify__toast--stacked:after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n height: calc(var(--g) * 1px);\n bottom: 100%;\n}\n\n.Toastify__toast--stacked[data-pos='top'] {\n top: 0;\n}\n\n.Toastify__toast--stacked[data-pos='bot'] {\n bottom: 0;\n}\n\n.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {\n transform-origin: top;\n}\n\n.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {\n transform-origin: bottom;\n}\n\n.Toastify__toast--stacked:before {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n height: 100%;\n transform: scaleY(3);\n z-index: -1;\n}\n\n.Toastify__toast--rtl {\n direction: rtl;\n}\n\n.Toastify__toast--close-on-click {\n cursor: pointer;\n}\n\n.Toastify__toast-icon {\n margin-inline-end: 10px;\n width: 22px;\n flex-shrink: 0;\n display: flex;\n}\n\n.Toastify--animate {\n animation-fill-mode: both;\n animation-duration: 0.5s;\n}\n\n.Toastify--animate-icon {\n animation-fill-mode: both;\n animation-duration: 0.3s;\n}\n\n.Toastify__toast-theme--dark {\n background: var(--toastify-color-dark);\n color: var(--toastify-text-color-dark);\n}\n\n.Toastify__toast-theme--light {\n background: var(--toastify-color-light);\n color: var(--toastify-text-color-light);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--default {\n background: var(--toastify-color-light);\n color: var(--toastify-text-color-light);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--info {\n color: var(--toastify-text-color-info);\n background: var(--toastify-color-info);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--success {\n color: var(--toastify-text-color-success);\n background: var(--toastify-color-success);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--warning {\n color: var(--toastify-text-color-warning);\n background: var(--toastify-color-warning);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--error {\n color: var(--toastify-text-color-error);\n background: var(--toastify-color-error);\n}\n\n.Toastify__progress-bar-theme--light {\n background: var(--toastify-color-progress-light);\n}\n\n.Toastify__progress-bar-theme--dark {\n background: var(--toastify-color-progress-dark);\n}\n\n.Toastify__progress-bar--info {\n background: var(--toastify-color-progress-info);\n}\n\n.Toastify__progress-bar--success {\n background: var(--toastify-color-progress-success);\n}\n\n.Toastify__progress-bar--warning {\n background: var(--toastify-color-progress-warning);\n}\n\n.Toastify__progress-bar--error {\n background: var(--toastify-color-progress-error);\n}\n\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n background: var(--toastify-color-transparent);\n}\n\n.Toastify__close-button {\n color: #fff;\n position: absolute;\n top: 6px;\n right: 6px;\n background: transparent;\n outline: none;\n border: none;\n padding: 0;\n cursor: pointer;\n opacity: 0.7;\n transition: 0.3s ease;\n z-index: 1;\n}\n\n.Toastify__toast--rtl .Toastify__close-button {\n left: 6px;\n right: unset;\n}\n\n.Toastify__close-button--light {\n color: #000;\n opacity: 0.3;\n}\n\n.Toastify__close-button > svg {\n fill: currentColor;\n height: 16px;\n width: 14px;\n}\n\n.Toastify__close-button:hover,\n.Toastify__close-button:focus {\n opacity: 1;\n}\n\n@keyframes Toastify__trackProgress {\n 0% {\n transform: scaleX(1);\n }\n 100% {\n transform: scaleX(0);\n }\n}\n\n.Toastify__progress-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.7;\n transform-origin: left;\n}\n\n.Toastify__progress-bar--animated {\n animation: Toastify__trackProgress linear 1 forwards;\n}\n\n.Toastify__progress-bar--controlled {\n transition: transform 0.2s;\n}\n\n.Toastify__progress-bar--rtl {\n right: 0;\n left: initial;\n transform-origin: right;\n border-bottom-left-radius: initial;\n}\n\n.Toastify__progress-bar--wrp {\n position: absolute;\n overflow: hidden;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 5px;\n border-bottom-left-radius: var(--toastify-toast-bd-radius);\n border-bottom-right-radius: var(--toastify-toast-bd-radius);\n}\n\n.Toastify__progress-bar--wrp[data-hidden='true'] {\n opacity: 0;\n}\n\n.Toastify__progress-bar--bg {\n opacity: var(--toastify-color-progress-bgo);\n width: 100%;\n height: 100%;\n}\n\n.Toastify__spinner {\n width: 20px;\n height: 20px;\n box-sizing: border-box;\n border: 2px solid;\n border-radius: 100%;\n border-color: var(--toastify-spinner-color-empty-area);\n border-right-color: var(--toastify-spinner-color);\n animation: Toastify__spin 0.65s linear infinite;\n}\n\n@keyframes Toastify__bounceInRight {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n from {\n opacity: 0;\n transform: translate3d(3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(-25px, 0, 0);\n }\n 75% {\n transform: translate3d(10px, 0, 0);\n }\n 90% {\n transform: translate3d(-5px, 0, 0);\n }\n to {\n transform: none;\n }\n}\n\n@keyframes Toastify__bounceOutRight {\n 20% {\n opacity: 1;\n transform: translate3d(-20px, var(--y), 0);\n }\n to {\n opacity: 0;\n transform: translate3d(2000px, var(--y), 0);\n }\n}\n\n@keyframes Toastify__bounceInLeft {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(-3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(25px, 0, 0);\n }\n 75% {\n transform: translate3d(-10px, 0, 0);\n }\n 90% {\n transform: translate3d(5px, 0, 0);\n }\n to {\n transform: none;\n }\n}\n\n@keyframes Toastify__bounceOutLeft {\n 20% {\n opacity: 1;\n transform: translate3d(20px, var(--y), 0);\n }\n to {\n opacity: 0;\n transform: translate3d(-2000px, var(--y), 0);\n }\n}\n\n@keyframes Toastify__bounceInUp {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n from {\n opacity: 0;\n transform: translate3d(0, 3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, -20px, 0);\n }\n 75% {\n transform: translate3d(0, 10px, 0);\n }\n 90% {\n transform: translate3d(0, -5px, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes Toastify__bounceOutUp {\n 20% {\n transform: translate3d(0, calc(var(--y) - 10px), 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, calc(var(--y) + 20px), 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n@keyframes Toastify__bounceInDown {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(0, -3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, 25px, 0);\n }\n 75% {\n transform: translate3d(0, -10px, 0);\n }\n 90% {\n transform: translate3d(0, 5px, 0);\n }\n to {\n transform: none;\n }\n}\n\n@keyframes Toastify__bounceOutDown {\n 20% {\n transform: translate3d(0, calc(var(--y) - 10px), 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, calc(var(--y) + 20px), 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, 2000px, 0);\n }\n}\n\n.Toastify__bounce-enter--top-left,\n.Toastify__bounce-enter--bottom-left {\n animation-name: Toastify__bounceInLeft;\n}\n\n.Toastify__bounce-enter--top-right,\n.Toastify__bounce-enter--bottom-right {\n animation-name: Toastify__bounceInRight;\n}\n\n.Toastify__bounce-enter--top-center {\n animation-name: Toastify__bounceInDown;\n}\n\n.Toastify__bounce-enter--bottom-center {\n animation-name: Toastify__bounceInUp;\n}\n\n.Toastify__bounce-exit--top-left,\n.Toastify__bounce-exit--bottom-left {\n animation-name: Toastify__bounceOutLeft;\n}\n\n.Toastify__bounce-exit--top-right,\n.Toastify__bounce-exit--bottom-right {\n animation-name: Toastify__bounceOutRight;\n}\n\n.Toastify__bounce-exit--top-center {\n animation-name: Toastify__bounceOutUp;\n}\n\n.Toastify__bounce-exit--bottom-center {\n animation-name: Toastify__bounceOutDown;\n}\n\n@keyframes Toastify__zoomIn {\n from {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 50% {\n opacity: 1;\n }\n}\n\n@keyframes Toastify__zoomOut {\n from {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);\n }\n to {\n opacity: 0;\n }\n}\n\n.Toastify__zoom-enter {\n animation-name: Toastify__zoomIn;\n}\n\n.Toastify__zoom-exit {\n animation-name: Toastify__zoomOut;\n}\n\n@keyframes Toastify__flipIn {\n from {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n to {\n transform: perspective(400px);\n }\n}\n\n@keyframes Toastify__flipOut {\n from {\n transform: translate3d(0, var(--y), 0) perspective(400px);\n }\n 30% {\n transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1;\n }\n to {\n transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0;\n }\n}\n\n.Toastify__flip-enter {\n animation-name: Toastify__flipIn;\n}\n\n.Toastify__flip-exit {\n animation-name: Toastify__flipOut;\n}\n\n@keyframes Toastify__slideInRight {\n from {\n transform: translate3d(110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideInLeft {\n from {\n transform: translate3d(-110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideInUp {\n from {\n transform: translate3d(0, 110%, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideInDown {\n from {\n transform: translate3d(0, -110%, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideOutRight {\n from {\n transform: translate3d(0, var(--y), 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(110%, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideOutLeft {\n from {\n transform: translate3d(0, var(--y), 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(-110%, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideOutDown {\n from {\n transform: translate3d(0, var(--y), 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, 500px, 0);\n }\n}\n\n@keyframes Toastify__slideOutUp {\n from {\n transform: translate3d(0, var(--y), 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, -500px, 0);\n }\n}\n\n.Toastify__slide-enter--top-left,\n.Toastify__slide-enter--bottom-left {\n animation-name: Toastify__slideInLeft;\n}\n\n.Toastify__slide-enter--top-right,\n.Toastify__slide-enter--bottom-right {\n animation-name: Toastify__slideInRight;\n}\n\n.Toastify__slide-enter--top-center {\n animation-name: Toastify__slideInDown;\n}\n\n.Toastify__slide-enter--bottom-center {\n animation-name: Toastify__slideInUp;\n}\n\n.Toastify__slide-exit--top-left,\n.Toastify__slide-exit--bottom-left {\n animation-name: Toastify__slideOutLeft;\n animation-timing-function: ease-in;\n animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--top-right,\n.Toastify__slide-exit--bottom-right {\n animation-name: Toastify__slideOutRight;\n animation-timing-function: ease-in;\n animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--top-center {\n animation-name: Toastify__slideOutUp;\n animation-timing-function: ease-in;\n animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--bottom-center {\n animation-name: Toastify__slideOutDown;\n animation-timing-function: ease-in;\n animation-duration: 0.3s;\n}\n\n@keyframes Toastify__spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n","@import url(\"https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&display=swap\");\n\n// Variables\n\n// colors\n$OuterSpaceCrayola: #22363c;\n$DeepSpaceSparkle: #335c67;\n$Cultured: #eceff1;\n$PersianGreen: #009688;\n$SolidPink: #92374d;\n\n//size\n$NavbarHeight: 64px;\n$FooterHeight: 22px;\n\n$xs: 21rem; // 336px;\n$sm: 48rem; // 768px;\n$md: 64rem; // 1024px;\n$lg: 90rem; // 1440px;\n$xl: 120rem; // 1920px;\n$breakpoints: $xs, $sm, $md, $lg, $xl;\n\n// Mixins\n@mixin layout($breakpoint, $direction: min) {\n @if $direction == min {\n @media (min-width: $breakpoint) {\n @content;\n }\n } @else {\n @media (max-width: $breakpoint) {\n @content;\n }\n }\n\n // use the custom value if the breakpoint is not part of the pre-defined list\n}\n\n@mixin flex-center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin hover-animation {\n &:hover {\n transform: scale(1.03);\n }\n}\n\n// reset\n* {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n font-family: \"Nanum Gothic Coding\", monospace;\n}\n\na {\n text-decoration: none;\n color: $PersianGreen;\n @include hover-animation();\n}\n\n// layout\n.responsive-layout {\n display: block;\n margin-left: auto;\n margin-right: auto;\n padding: 1rem;\n @include layout($xl, min) {\n max-width: $lg;\n }\n @include layout($xl, max) {\n max-width: $lg;\n }\n\n @include layout($lg, max) {\n max-width: $md;\n }\n\n @include layout($md, max) {\n max-width: $sm;\n }\n @include layout($sm, max) {\n max-width: $xs;\n }\n}\n\n// spinner\n.spinner {\n width: 50px;\n height: 50px;\n padding: 8px;\n // aspect-ratio: 1;\n border-radius: 50%;\n background: $PersianGreen;\n --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;\n -webkit-mask: var(--_m);\n mask: var(--_m);\n -webkit-mask-composite: source-out;\n mask-composite: subtract;\n animation: spin 1s infinite linear;\n}\n\n@keyframes spin {\n to {\n transform: rotate(1turn);\n }\n}\n\n// navbar\n.navbar-background {\n background-color: $OuterSpaceCrayola;\n}\n\n.navbar {\n height: $NavbarHeight;\n align-items: center;\n @extend .responsive-layout;\n\n .title {\n @include hover-animation();\n font-size: 2rem;\n float: left;\n color: $Cultured;\n @include layout($md, max) {\n font-size: 1.8rem;\n }\n @include layout($sm, max) {\n font-size: 1.5rem;\n }\n }\n\n .nav-bag {\n float: right;\n display: flex;\n align-items: center;\n color: $Cultured;\n svg {\n color: $Cultured;\n width: 20px;\n height: 20px;\n }\n\n .nav-quantity {\n @include flex-center();\n height: 25px;\n width: 25px;\n background-color: $PersianGreen;\n\n margin-left: 5px;\n border-radius: 50%;\n font-size: 14px;\n }\n }\n}\n\n// footer\n.footer {\n @include flex-center();\n height: $FooterHeight;\n color: $Cultured;\n background-color: $OuterSpaceCrayola;\n}\n\n// home\n.home-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-evenly;\n min-height: calc(100vh - $NavbarHeight - $FooterHeight - 2rem);\n h2 {\n width: 100%;\n }\n}\n\n// card\n.card-list {\n margin: 1rem auto;\n padding: 1rem;\n border: 1px solid $DeepSpaceSparkle;\n border-radius: 4px;\n width: 250px;\n max-width: 100%;\n min-height: 400px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @include hover-animation();\n\n button {\n border: 1px solid $PersianGreen;\n border-radius: 20px;\n outline: none;\n // background-color: $Cultured;\n // background-color: $PersianGreen;\n // color: $Cultured;\n color: $PersianGreen;\n font-size: 1.2rem;\n font-weight: 700;\n cursor: pointer;\n height: 1.5rem;\n margin-top: 0.5rem;\n letter-spacing: 1.1px;\n width: 100%;\n }\n\n img {\n max-width: 100%;\n max-height: 10rem;\n min-height: 8rem;\n margin-left: auto;\n margin-right: auto;\n }\n .image-container {\n text-align: center;\n }\n\n .title {\n font-size: 1.2rem;\n max-width: 100%;\n }\n\n .description {\n font-size: 12px;\n line-height: 1.5;\n }\n\n .category,\n .price,\n .discount,\n .stock {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n font-size: 14px;\n margin: 0.2rem 0;\n }\n\n .category {\n span {\n background-color: $OuterSpaceCrayola;\n color: $Cultured;\n font-size: 10px;\n border-radius: 20px;\n padding: 0.2rem 0.5rem;\n // border-bottom: 1px solid #335c67;\n }\n }\n}\n\n// cart\n.cart-container {\n min-height: calc(100vh - $NavbarHeight - $FooterHeight - 2rem);\n\n .titles {\n margin: 2rem 0 1rem 0;\n border-bottom: 1px solid $OuterSpaceCrayola;\n .product-title {\n padding-left: 0.5rem;\n }\n .total-title {\n padding-right: 0.5rem;\n justify-self: right;\n }\n }\n\n .cart-item {\n margin-top: 2rem;\n border-bottom: 0.5px solid $OuterSpaceCrayola;\n\n .cart-product {\n display: flex;\n\n img {\n width: 100px;\n max-width: 100%;\n max-height: 100px;\n margin-right: 1rem;\n }\n h3 {\n font-weight: 400;\n margin-bottom: .3rem;\n }\n button {\n border: none;\n outline: none;\n cursor: pointer;\n margin: 1rem;\n background: none;\n color: $SolidPink;\n &:hover {\n color: $PersianGreen;\n }\n }\n }\n\n .quantity {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n width: 130px;\n max-width: 100%;\n border: 0.5px solid $OuterSpaceCrayola;\n border-radius: 5px;\n\n button {\n border: none;\n outline: none;\n background: none;\n padding: 0.7rem 1.5rem;\n cursor: pointer;\n // font-size: 2rem;\n }\n .count {\n padding: 0.7rem 0;\n }\n }\n .total-price {\n justify-self: right;\n font-weight: 700;\n }\n }\n\n .cart-item,\n .titles {\n display: grid;\n align-items: center;\n grid-template-columns: 3fr 1fr 1fr 1fr;\n column-gap: 0.5rem;\n max-width: 100%;\n }\n\n .cart-summary {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-top: 2rem;\n\n .clear-cart {\n @include hover-animation();\n width: 130px;\n max-width: 100%;\n height: 40px;\n border-radius: 5px;\n font-weight: 400;\n letter-spacing: 1.1px;\n border: 0.5px solid $SolidPink;\n color: $SolidPink;\n background: none;\n outline: none;\n cursor: pointer;\n font-size: 1.2rem;\n }\n\n .cart-checkout {\n width: 270px;\n max-width: 100%;\n .subtotal {\n display: flex;\n justify-content: space-between;\n font-size: 1.2rem;\n font-weight: 700;\n .amount {\n font-weight: 700;\n }\n }\n\n button {\n @include hover-animation();\n border: none;\n border-radius: 5px;\n outline: none;\n background-color: $OuterSpaceCrayola;\n color: $Cultured;\n font-size: 1.2rem;\n font-weight: 700;\n cursor: pointer;\n height: 1.5rem;\n margin-top: 0.5rem;\n letter-spacing: 1.1px;\n width: 100%;\n }\n }\n }\n\n .continue-shopping {\n @include flex-center();\n }\n .no-cart-items {\n @include flex-center();\n flex-direction: column;\n min-height: calc(100vh - $NavbarHeight - $FooterHeight - 4rem);\n p {\n font-size: 1.4rem;\n }\n }\n\n @include layout($sm, max) {\n .titles {\n display: none;\n }\n .cart-item {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 20rem;\n border: 0.5px solid $OuterSpaceCrayola;\n border-radius: 4px;\n padding: 1rem;\n .cart-product {\n flex-direction: column;\n justify-content: space-between;\n img {\n margin-left: auto;\n margin-right: auto;\n width: auto;\n max-height: 100%;\n }\n & > div > p {\n margin-top: 1rem;\n }\n button{\n font-size: 1rem;\n margin-left: auto;\n margin-right: auto;\n }\n }\n .price{\n margin-bottom: 1rem;\n &::before{\n content: \"Price:\";\n }\n }\n .total-price{\n margin-top: 1rem;\n &::before{\n content: \"Total Price:\";\n }\n }\n }\n\n .cart-summary {\n flex-direction: column;\n .clear-cart {\n margin-bottom: 2rem;\n align-self: center;\n }\n }\n }\n}\n\n// not found\n.not-found {\n @include flex-center();\n flex-direction: column;\n color: $OuterSpaceCrayola;\n min-height: calc(100vh - $NavbarHeight - $FooterHeight);\n h2 {\n height: 48px;\n }\n p {\n font-size: 1.4rem;\n }\n}\n\n// back to home button\n.back-to-home {\n font-size: 1.4rem;\n margin-top: 3rem;\n}\n\n.go-to-cart {\n font-size: 1rem;\n}\n"],"names":[],"sourceRoot":""} |