1 line
9.3 KiB
Plaintext
1 line
9.3 KiB
Plaintext
{"version":3,"file":"static/css/main.ae60ab08.css","mappings":"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","sources":["index.css"],"sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n/* fonts */\n/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&family=Montserrat&display=swap'); */\n\nhtml {\n font-size: 100%;\n} /*16px*/\n\n:root {\n /* colors */\n --primary-100: #e2e0ff;\n --primary-200: #c1beff;\n --primary-300: #a29dff;\n --primary-400: #837dff;\n --primary-500: #645cff;\n --primary-600: #504acc;\n --primary-700: #3c3799;\n --primary-800: #282566;\n --primary-900: #141233;\n\n /* grey */\n --grey-50: #f8fafc;\n --grey-100: #f1f5f9;\n --grey-200: #e2e8f0;\n --grey-300: #cbd5e1;\n --grey-400: #94a3b8;\n --grey-500: #64748b;\n --grey-600: #475569;\n --grey-700: #334155;\n --grey-800: #1e293b;\n --grey-900: #0f172a;\n /* rest of the colors */\n --black: #222;\n --white: #fff;\n --red-light: #f8d7da;\n --red-dark: #842029;\n --green-light: #d1e7dd;\n --green-dark: #0f5132;\n\n /* fonts */\n /* --headingFont: 'Roboto', sans-serif;\n --bodyFont: 'Nunito', sans-serif; */\n --small-text: 0.875rem;\n --extra-small-text: 0.7em;\n /* rest of the vars */\n --backgroundColor: var(--grey-50);\n --textColor: var(--grey-900);\n --borderRadius: 0.25rem;\n --letterSpacing: 1px;\n --transition: 0.3s ease-in-out all;\n --max-width: 1120px;\n --fixed-width: 600px;\n\n /* box shadow*/\n --shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n --shadow-4: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n}\n\nbody {\n background: var(--backgroundColor);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n font-weight: 400;\n line-height: 1.75;\n color: var(--textColor);\n}\n\np {\n margin: 0;\n max-width: 40em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5 {\n margin: 0;\n font-family: var(--headingFont);\n font-weight: 400;\n line-height: 1.3;\n text-transform: capitalize;\n letter-spacing: var(--letterSpacing);\n}\n\nh1 {\n margin: 0;\n font-size: 3.052rem;\n}\n\nh2 {\n font-size: 2.441rem;\n}\n\nh3 {\n font-size: 1.953rem;\n}\n\nh4 {\n font-size: 1.563rem;\n}\n\nh5 {\n font-size: 1.25rem;\n}\n\nsmall,\n.text-small {\n font-size: var(--small-text);\n}\n\na {\n text-decoration: none;\n}\nul {\n list-style-type: none;\n padding: 0;\n}\n\n.img {\n width: 100%;\n display: block;\n object-fit: cover;\n}\n/* buttons */\n\n.btn {\n cursor: pointer;\n color: var(--white);\n background: var(--primary-500);\n border: transparent;\n border-radius: var(--borderRadius);\n letter-spacing: var(--letterSpacing);\n padding: 0.375rem 0.75rem;\n box-shadow: var(--shadow-1);\n transition: var(--transition);\n text-transform: capitalize;\n display: inline-block;\n}\n.btn:hover {\n background: var(--primary-700);\n box-shadow: var(--shadow-3);\n}\n.btn-hipster {\n color: var(--primary-500);\n background: var(--primary-200);\n}\n.btn-hipster:hover {\n color: var(--primary-200);\n background: var(--primary-700);\n}\n.btn-block {\n width: 100%;\n}\n\n/* alerts */\n.alert {\n padding: 0.375rem 0.75rem;\n margin-bottom: 1rem;\n border-color: transparent;\n border-radius: var(--borderRadius);\n}\n\n.alert-danger {\n color: var(--red-dark);\n background: var(--red-light);\n}\n.alert-success {\n color: var(--green-dark);\n background: var(--green-light);\n}\n/* form */\n\n.form {\n width: 90vw;\n max-width: var(--fixed-width);\n background: var(--white);\n border-radius: var(--borderRadius);\n box-shadow: var(--shadow-2);\n padding: 2rem 2.5rem;\n margin: 3rem auto;\n}\n.form-label {\n display: block;\n font-size: var(--small-text);\n margin-bottom: 0.5rem;\n text-transform: capitalize;\n letter-spacing: var(--letterSpacing);\n}\n.form-input,\n.form-textarea {\n width: 100%;\n padding: 0.375rem 0.75rem;\n border-radius: var(--borderRadius);\n background: var(--backgroundColor);\n border: 1px solid var(--grey-200);\n}\n\n.form-row {\n margin-bottom: 1rem;\n}\n\n.form-textarea {\n height: 7rem;\n}\n::placeholder {\n font-family: inherit;\n color: var(--grey-400);\n}\n.form-alert {\n color: var(--red-dark);\n letter-spacing: var(--letterSpacing);\n text-transform: capitalize;\n}\n/* alert */\n\n@keyframes spinner {\n to {\n transform: rotate(360deg);\n }\n}\n\n.loading {\n width: 6rem;\n height: 6rem;\n border: 5px solid var(--grey-400);\n border-radius: 50%;\n border-top-color: var(--primary-500);\n animation: spinner 0.6s linear infinite;\n}\n.loading {\n margin: 0 auto;\n}\n/* title */\n\n.title {\n text-align: center;\n margin: 2rem 0;\n}\n\n.title-underline {\n background: var(--primary-500);\n width: 10rem;\n height: 0.25rem;\n margin: 0 auto;\n}\n.title span {\n color: var(--primary-500);\n}\n/*\n=============== \nAxios Tutorial\n===============\n*/\n\n.text-center {\n text-align: center;\n}\n\n.btn-block {\n margin-top: 0.75rem;\n}\n\n.section {\n width: 90vw;\n max-width: var(--fixed-width);\n margin: 0 auto;\n padding-bottom: 2rem;\n}\n\n.dad-joke {\n margin-top: 1rem;\n}\n\n.centered {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 50vh; /* Set the height of the container to the full viewport height */\n}\n\n.modal-title {\n text-align: center;\n margin-bottom: 0px; /* Adjust spacing as needed */\n font-weight: 800;\n}\n\n.error-message {\n color: red;\n font-weight: bold;\n text-align: center;\n display: flex;\n justify-content: center;\n}\n\n.success-message {\n color: blue;\n font-weight: bold;\n text-align: center;\n display: flex;\n justify-content: center;\n}\n\n.checkmark-container {\n display: flex;\n justify-content: center;\n align-items: center;\n /* margin-bottom: 20px; */\n}\n\n.close-button {\n position: absolute;\n bottom: 10px;\n right: 10px;\n padding: 10px 20px;\n background-color: #007bff; /* Example color - Change as needed */\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n transition: background-color 0.3s ease;\n}\n\n.close-button:hover {\n background-color: #0056b3; /* Example color - Change as needed */\n}\n\n/* Style for the modal */\n.custom-modal {\n border: 10px solid #000; /* Black border with 10px thickness */\n pointer-events: auto;\n /* Other modal styles here */\n}\n \n"],"names":[],"sourceRoot":""} |