markopress 0.0.7 → 0.0.9

package/src/theme/default/styles/main.css

@@ -1,249 +0,0 @@
-/**
- * Default theme styles for MarkoPress
- *
- * Note: Design system CSS variables are loaded from theme.css (generated from design system config).
- * This file provides component styles that reference those variables.
- */
-
-/* Fallback spacing variables (not in design system) */
-:root {
-  --spacing-xs: 0.25rem;
-  --spacing-sm: 0.5rem;
-  --spacing-md: 1rem;
-  --spacing-lg: 1.5rem;
-  --spacing-xl: 2rem;
-  --spacing-2xl: 3rem;
-}
-
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-html {
-  font-size: 16px;
-  scroll-behavior: smooth;
-}
-
-body {
-  font-family: var(--font-sans);
-  background-color: var(--bg-default);
-  color: var(--text-1);
-  line-height: 1.6;
-  min-height: 100vh;
-}
-
-/* Typography */
-h1, h2, h3, h4, h5, h6 {
-  line-height: var(--heading-h1-line-height, 1.2);
-  margin-top: var(--heading-margin-top, var(--spacing-md));
-  margin-bottom: var(--heading-margin-bottom, var(--spacing-md));
-  font-weight: var(--heading-h1-font-weight, 600);
-}
-
-h1 {
-  font-size: var(--heading-h1-font-size, 2.5rem);
-}
-
-h2 {
-  font-size: var(--heading-h2-font-size, 2rem);
-  font-weight: var(--heading-h2-font-weight, 600);
-  line-height: var(--heading-h2-line-height, 1.2);
-}
-
-h3 {
-  font-size: var(--heading-h3-font-size, 1.5rem);
-  font-weight: var(--heading-h3-font-weight, 600);
-  line-height: var(--heading-h3-line-height, 1.2);
-}
-
-h4 {
-  font-size: var(--heading-h4-font-size, 1.25rem);
-}
-
-p {
-  margin-bottom: var(--spacing-md);
-}
-
-a {
-  color: var(--color-primary-2);
-  text-decoration: none;
-}
-
-a:hover {
-  color: var(--color-primary-3);
-}
-
-code {
-  font-family: var(--font-mono);
-  background-color: var(--code-background, var(--color-gray-soft));
-  color: var(--code-color, var(--color-primary-1));
-  padding: var(--code-padding, 0.2em 0.4em);
-  border-radius: var(--code-border-radius, 3px);
-  font-size: var(--code-font-size, 0.9em);
-  line-height: var(--code-line-height, 1.6);
-}
-
-pre {
-  background-color: var(--bg-alt);
-  padding: var(--code-block-padding, var(--spacing-md));
-  border-radius: var(--code-block-border-radius, 6px);
-  overflow-x: auto;
-  margin-bottom: var(--spacing-md);
-}
-
-pre code {
-  background-color: transparent;
-  padding: 0;
-  color: var(--text-2);
-}
-
-/* Content layout */
-.content {
-  max-width: var(--content-max-width, var(--layout-max-width));
-  margin: 0 auto;
-  padding: var(--content-padding, var(--spacing-xl) var(--spacing-md));
-  font-size: var(--content-font-size, 16px);
-  line-height: var(--content-line-height, 1.7);
-}
-
-.docs-layout {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-}
-
-.docs-container {
-  display: flex;
-  max-width: var(--layout-max-width);
-  margin: 0 auto;
-  padding: var(--spacing-xl) var(--spacing-md);
-  width: 100%;
-  flex: 1;
-}
-
-.docs-content {
-  flex: 1;
-  min-width: 0;
-  padding: 0 var(--spacing-lg);
-}
-
-/* Sidebar - uses design system variables */
-.sidebar {
-  width: var(--sidebar-width, 260px);
-  padding: var(--sidebar-padding, var(--spacing-xl) var(--spacing-md));
-  background: var(--sidebar-background, #ffffff);
-  border-right: 1px solid var(--sidebar-border, var(--border-divider));
-  flex-shrink: 0;
-}
-
-/* Sidebar items */
-.sidebar-section {
-  margin-bottom: var(--spacing-lg);
-}
-
-.sidebar-section-title {
-  padding: var(--sidebar-category-padding, var(--spacing-sm) 0);
-  font-size: var(--sidebar-category-font-size, 0.875rem);
-  font-weight: var(--sidebar-category-font-weight, 600);
-  text-transform: var(--sidebar-category-text-transform, uppercase);
-  color: var(--text-2, var(--color-gray-500));
-  margin: 0 0 var(--spacing-sm) 0;
-}
-
-.sidebar-item {
-  display: block;
-  height: var(--sidebar-item-height, auto);
-  padding: var(--sidebar-item-padding, var(--spacing-sm) var(--spacing-md));
-  margin-bottom: var(--sidebar-item-gap, var(--spacing-xs));
-  border-radius: var(--sidebar-item-border-radius, 4px);
-  font-size: var(--sidebar-item-font-size, 0.9rem);
-  font-weight: var(--sidebar-item-font-weight, 400);
-  color: var(--text-2);
-  text-decoration: none;
-  transition: background-color 0.15s ease;
-}
-
-.sidebar-item:hover {
-  background-color: var(--sidebar-hover-background, var(--color-gray-soft));
-  color: var(--text-1);
-}
-
-.sidebar-item.active {
-  background-color: var(--sidebar-active-background, var(--color-primary-soft));
-  color: var(--color-primary-1);
-  font-weight: 500;
-  border-left: var(--sidebar-active-border, none);
-}
-
-.blog-layout {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-}
-
-.blog-content {
-  max-width: var(--content-max-width, 800px);
-  margin: 0 auto;
-  padding: var(--content-padding, var(--spacing-xl) var(--spacing-md));
-  flex: 1;
-}
-
-/* Posts list */
-.posts-list {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-xl);
-}
-
-.post-summary {
-  padding-bottom: var(--spacing-xl);
-  border-bottom: 1px solid var(--border-divider);
-}
-
-.post-summary:last-child {
-  border-bottom: none;
-}
-
-.post-meta {
-  color: var(--text-2);
-  font-size: 0.875rem;
-  margin-bottom: var(--spacing-sm);
-}
-
-.post-excerpt {
-  color: var(--text-2);
-}
-
-/* Responsive */
-@media (max-width: 768px) {
-  .docs-container {
-    flex-direction: column;
-  }
-
-  .sidebar {
-    width: 100%;
-    padding-right: 0;
-    padding-bottom: var(--spacing-lg);
-    border-bottom: 1px solid var(--border-divider);
-    border-right: none;
-    margin-bottom: var(--spacing-lg);
-  }
-
-  .toc {
-    display: none;
-  }
-
-  h1 {
-    font-size: var(--heading-h2-font-size, 2rem);
-  }
-
-  h2 {
-    font-size: 1.75rem;
-  }
-
-  h3 {
-    font-size: 1.25rem;
-  }
-}