1 line
No EOL
10 KiB
Text
1 line
No EOL
10 KiB
Text
{"version":3,"file":"static/css/main.9c66e5c4.css","mappings":"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","sources":["index.css"],"sourcesContent":["/* \n==============================================\nTABLE OF CONTENTS\n==============================================\n1. CSS Variables\n2. Base Styles\n3. Typography\n4. Layout & Container\n5. Navigation & Header\n6. Mobile Menu\n7. Button & Controls\n8. Form Elements\n9. Cards & Panels\n10. Animations\n11. Dark Mode\n12. Utility Classes\n13. Media Queries\n==============================================\n*/\n\n/* \n==============================================\n1. CSS Variables\n==============================================\n*/\n:root {\n --color-pink-50: #FFF0F5;\n --color-pink-100: #FFE0EB;\n --color-pink-200: #FFB8D9;\n --color-pink-300: #FF8AC8;\n --color-pink-400: #F45D9E;\n --color-pink-500: #D23B80;\n --color-sage-200: #D4E6D5;\n --color-sage-300: #B5D4B7;\n --color-sage-400: #8AB68C;\n --color-sage-500: #6A9A6C;\n --color-cream-50: #FFFEF5;\n --color-cream-100: #FFF9F0;\n}\n\n/* \n==============================================\n2. Base Styles\n==============================================\n*/\n* {\n transition: all 0.3s ease;\n}\n\nbody {\n margin: 0;\n font-family: 'Segoe UI', 'Roboto', 'Oxygen', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: var(--color-pink-50);\n color: #4a4a4a;\n line-height: 1.6;\n}\n\n/* \n==============================================\n3. Typography\n==============================================\n*/\nh1, h2, h3, h4, h5, h6 {\n font-weight: 600;\n line-height: 1.3;\n}\n\nh1 {\n font-size: 2.5rem;\n color: var(--color-pink-400);\n}\n\nh2 {\n font-size: 2rem;\n color: var(--color-sage-400);\n}\n\nh3 {\n font-size: 1.5rem;\n color: var(--color-pink-400);\n}\n\na {\n color: var(--color-pink-400);\n text-decoration: none;\n}\n\na:hover {\n color: var(--color-sage-400);\n text-decoration: underline;\n}\n\n/* \n==============================================\n4. Layout & Container\n==============================================\n*/\n.app-container {\n min-height: 100vh;\n padding-top: 80px;\n background-color: var(--color-pink-50);\n color: #4a4a4a;\n}\n\n.main-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 1rem;\n}\n\n.site-footer {\n padding: 24px;\n margin-top: 80px;\n background-color: var(--color-pink-100);\n text-align: center;\n}\n\n/* \n==============================================\n5. Navigation & Header\n==============================================\n*/\n.navbar {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n width: 100%;\n height: 64px;\n display: flex;\n align-items: center;\n background-color: var(--color-pink-50);\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n z-index: 1000;\n}\n\n.navbar-container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 1rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.navbar-logo {\n font-weight: bold;\n font-size: 1.25rem;\n color: var(--color-pink-400);\n}\n\n.navbar-links {\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n margin-left: auto;\n}\n\n/* \n==============================================\n6. Mobile Menu\n==============================================\n*/\n.mobile-menu {\n position: fixed;\n top: 64px;\n left: 0;\n width: 100%;\n background-color: var(--color-pink-50);\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n z-index: 999;\n display: none;\n border-top: 1px solid var(--color-pink-200);\n}\n\n.mobile-menu.open {\n display: block;\n}\n\n.mobile-menu-container {\n padding: 12px 16px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.mobile-menu-toggle {\n display: none;\n}\n\n/* \n==============================================\n7. Button & Controls\n==============================================\n*/\nbutton:not([class*=\"bg-\"]):not([class*=\"rounded-\"]) {\n padding: 0.5rem 1rem;\n border-radius: 0.75rem;\n border: none;\n background-color: var(--color-sage-400);\n color: white;\n font-weight: 500;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\nbutton:not([class*=\"bg-\"]):not([class*=\"rounded-\"]):hover {\n background-color: var(--color-sage-400);\n transform: translateY(-2px);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.navbar-button {\n border-radius: 9999px;\n background-color: var(--color-sage-100);\n padding: 8px 16px;\n border: none;\n transition: all 0.2s ease;\n}\n\n.navbar-button:hover {\n background-color: var(--color-pink-200);\n}\n\n.social-link{\n margin: 1em;\n}\n\n.icon-button {\n border-radius: 9999px;\n background-color: var(--color-pink-100);\n padding: 8px;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n}\n\n.mobile-button {\n border-radius: 9999px;\n background-color: var(--color-pink-100);\n padding: 8px 16px;\n border: none;\n width: 100%;\n text-align: left;\n transition: all 0.2s ease;\n}\n\n.mobile-button.active {\n background-color: var(--color-pink-300);\n color: white;\n font-weight: 600;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n}\n\n.mobile-button-with-icon {\n display: flex;\n align-items: center;\n}\n\n.icon-left {\n margin-right: 8px;\n}\n\n/* \n==============================================\n8. Form Elements\n==============================================\n*/\n/* No styles defined yet */\n\n/* \n==============================================\n9. Cards & Panels\n==============================================\n*/\n/* No styles defined yet */\n\n/* \n==============================================\n10. Animations\n==============================================\n*/\n@keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n}\n\n.animate-float {\n animation: float 8s ease-in-out infinite;\n}\n\n/* \n==============================================\n11. Dark Mode\n==============================================\n*/\n.dark-mode {\n --color-pink-50: #3A2A35;\n --color-pink-100: #59354B;\n --color-pink-200: #8E5773;\n --color-pink-300: #B47A93;\n --color-pink-400: #D7A1B8;\n --color-pink-500: #E9C3D3;\n --color-sage-300: #7BA97D;\n --color-sage-400: #5D8F5F;\n --color-sage-500: #456E47;\n --color-cream-50: #2C2C27;\n --color-cream-100: #3A3A33;\n}\n\n.dark-mode h1,\n.dark-mode h3 {\n color: var(--color-pink-400);\n}\n\n.dark-mode h2\n{\n color: var(--color-sage-300);\n}\n\n.dark-mode .card {\n background-color: #2d2d33;\n border-color: var(--color-sage-400);\n}\n\n.dark-mode button {\n background-color: var(--color-sage-400);\n}\n\n.dark-mode button:hover {\n background-color: var(--color-pink-300);\n}\n\n.dark-mode .app-container {\n background-color: #1a202c;\n color: #f7fafc;\n}\n\n.dark-mode .navbar {\n background-color: #1a202c;\n}\n\n.dark-mode .site-footer {\n background-color: #2d3748;\n}\n\n.dark-mode .mobile-menu {\n background-color: #1a202c;\n}\n\n/* \n==============================================\n12. Utility Classes\n==============================================\n*/\n.text-sage {\n color: var(--color-sage-400) !important;\n}\n\n.text-pink {\n color: var(--color-pink-400) !important;\n}\n\n.border-sage {\n border-color: var(--color-sage-400) !important;\n}\n\n.border-pink {\n border-color: var(--color-pink-400) !important;\n}\n\n.shadow-soft {\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n}\n\n.shadow-medium {\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n}\n\n/* \n==============================================\n13. Media Queries\n==============================================\n*/\n@media (max-width: 767px) {\n .navbar-links {\n display: none;\n }\n \n .mobile-menu-toggle {\n display: flex;\n }\n}\n\n@media (min-width: 768px) {\n .mobile-menu {\n display: none !important;\n }\n}"],"names":[],"sourceRoot":""} |