@prosophia/lab-techy 0.0.4 → 0.0.5

package/dist/layouts/index.css

@@ -1,281 +0,0 @@
-/* src/components/Header.module.css */
-.header {
-  position: sticky;
-  top: 0;
-  z-index: 50;
-  width: 100%;
-  border-bottom: 1px solid var(--slate-200);
-  background-color: rgba(246, 246, 248, 0.8);
-  backdrop-filter: blur(12px);
-}
-.container {
-  max-width: var(--container-max);
-  margin: 0 auto;
-  display: flex;
-  height: 4rem;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 1rem;
-}
-@media (min-width: 640px) {
-  .container {
-    padding: 0 1.5rem;
-  }
-}
-@media (min-width: 1024px) {
-  .container {
-    padding: 0 2rem;
-  }
-}
-.logo {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  text-decoration: none;
-}
-.logoIcon {
-  display: flex;
-  width: 2rem;
-  height: 2rem;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--radius-sm);
-  background-color: var(--primary);
-  color: var(--white);
-}
-.logoIcon span {
-  font-size: 20px;
-}
-.logoText {
-  font-size: 1.125rem;
-  font-weight: 700;
-  letter-spacing: -0.025em;
-  color: var(--slate-900);
-}
-.nav {
-  display: none;
-  flex: 1;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 2rem;
-}
-@media (min-width: 768px) {
-  .nav {
-    display: flex;
-  }
-}
-.navLinks {
-  display: flex;
-  align-items: center;
-  gap: 1.5rem;
-}
-.navLink {
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--slate-600);
-  transition: color var(--timing-quick) var(--ease-out-expo);
-}
-.navLink:hover {
-  color: var(--primary);
-}
-.navLinkActive {
-  color: var(--primary);
-  font-weight: 600;
-}
-.ctaButton {
-  display: inline-flex;
-  height: 2.25rem;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--radius-lg);
-  background-color: var(--primary);
-  padding: 0 1rem;
-  font-size: 0.875rem;
-  font-weight: 700;
-  color: var(--white);
-  box-shadow: var(--shadow-sm);
-  transition: background-color var(--timing-quick) var(--ease-out-expo);
-}
-.ctaButton:hover {
-  background-color: var(--primary-dark);
-}
-.mobileActions {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-@media (min-width: 768px) {
-  .mobileActions {
-    display: none;
-  }
-}
-.mobileMenuBtn {
-  display: block;
-  padding: 0.5rem;
-  color: var(--slate-600);
-}
-[data-theme=dark] .header {
-  background-color: rgba(15, 23, 42, 0.9);
-  border-bottom-color: var(--slate-200);
-}
-[data-theme=dark] .logoIcon {
-  color: var(--slate-900);
-}
-[data-theme=dark] .ctaButton {
-  color: var(--slate-900);
-}
-
-/* src/components/ThemeToggle.module.css */
-.toggle {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.5rem;
-  height: 2.5rem;
-  border-radius: var(--radius-full);
-  background-color: var(--slate-100);
-  color: var(--slate-600);
-  border: 1px solid var(--slate-200);
-  cursor: pointer;
-  transition: all var(--timing-quick) var(--ease-out-expo);
-}
-.toggle:hover {
-  background-color: var(--slate-200);
-  color: var(--primary);
-}
-.toggle span {
-  font-size: 1.25rem;
-}
-[data-theme=dark] .toggle {
-  background-color: var(--slate-800);
-  border-color: var(--slate-700);
-  color: var(--slate-300);
-}
-[data-theme=dark] .toggle:hover {
-  background-color: var(--slate-700);
-  color: var(--primary);
-}
-
-/* src/components/Footer.module.css */
-.footer {
-  border-top: 1px solid var(--slate-200);
-  background-color: var(--white);
-  padding: 3rem 0;
-}
-.container {
-  max-width: var(--container-max);
-  margin: 0 auto;
-  padding: 0 1rem;
-}
-@media (min-width: 640px) {
-  .container {
-    padding: 0 1.5rem;
-  }
-}
-@media (min-width: 1024px) {
-  .container {
-    padding: 0 2rem;
-  }
-}
-.grid {
-  display: grid;
-  gap: 2rem;
-}
-@media (min-width: 768px) {
-  .grid {
-    grid-template-columns: 2fr 1fr 1fr;
-    gap: 3rem;
-  }
-}
-.brandSection {
-  grid-column: span 1;
-}
-@media (min-width: 768px) {
-  .brandSection {
-    grid-column: span 1;
-  }
-}
-.logo {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-}
-.logoIcon {
-  display: flex;
-  width: 2rem;
-  height: 2rem;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--radius-sm);
-  background-color: var(--primary);
-  color: var(--white);
-}
-.logoIcon span {
-  font-size: 20px;
-}
-.logoText {
-  font-size: 1.25rem;
-  font-weight: 700;
-  color: var(--slate-900);
-}
-.description {
-  margin-top: 1rem;
-  max-width: 24rem;
-  font-size: 0.875rem;
-  color: var(--slate-600);
-  line-height: 1.6;
-}
-.socialLinks {
-  display: flex;
-  gap: 1rem;
-  margin-top: 1.5rem;
-}
-.socialLink {
-  color: var(--slate-400);
-  transition: color var(--timing-quick) var(--ease-out-expo);
-}
-.socialLink:hover {
-  color: var(--primary);
-}
-.socialIcon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.linksSection {
-  display: flex;
-  flex-direction: column;
-}
-.linksSectionTitle {
-  font-size: 0.875rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  color: var(--slate-900);
-  margin-bottom: 1rem;
-}
-.linksList {
-  list-style: none;
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-.link {
-  font-size: 0.875rem;
-  color: var(--slate-600);
-  transition: color var(--timing-quick) var(--ease-out-expo);
-}
-.link:hover {
-  color: var(--primary);
-}
-.bottom {
-  margin-top: 3rem;
-  padding-top: 2rem;
-  border-top: 1px solid var(--slate-200);
-}
-.copyright {
-  text-align: center;
-  font-size: 0.875rem;
-  color: var(--slate-500);
-}
-[data-theme=dark] .logoIcon {
-  color: var(--slate-900);
-}