railspress-engine 0.1.2 → 1.0.0

data/app/assets/stylesheets/railspress/admin/badges.css

@@ -0,0 +1,70 @@
+/*
+ * RailsPress Admin - Badges & Tags
+ * Status badges and tag components
+ */
+
+/* Badges */
+.rp-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 10px;
+  font-size: 0.6875rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  border-radius: 999px;
+}
+
+.rp-badge--draft {
+  background: var(--rp-bg);
+  color: var(--rp-text-muted);
+  border: 1px solid var(--rp-border);
+}
+
+.rp-badge--published {
+  background: var(--rp-success-light);
+  color: var(--rp-success);
+}
+
+.rp-badge--scheduled {
+  background: var(--rp-info-light, #e8f4fd);
+  color: var(--rp-primary, #1e88e5);
+}
+
+.rp-badge--pending {
+  background: var(--rp-info-light);
+  color: var(--rp-primary);
+}
+
+.rp-badge--processing {
+  background: #fff8e6;
+  color: #b8860b;
+}
+
+.rp-badge--completed {
+  background: var(--rp-success-light);
+  color: var(--rp-success);
+}
+
+.rp-badge--failed {
+  background: var(--rp-danger-light);
+  color: var(--rp-danger);
+}
+
+/* Tags */
+.rp-tag {
+  display: inline-flex;
+  padding: 2px 8px;
+  font-size: 0.75rem;
+  font-weight: 500;
+  background: var(--rp-primary-light);
+  color: var(--rp-primary);
+  border-radius: 4px;
+}
+
+.rp-tag-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--rp-space-xs);
+  margin-top: var(--rp-space-xs);
+}

data/app/assets/stylesheets/railspress/admin/base.css

@@ -0,0 +1,25 @@
+/*
+ * RailsPress Admin - Base Styles
+ * Reset and typography foundation
+ */
+
+@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@600;700&display=swap');
+
+*, *::before, *::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  font-size: 16px;
+  -webkit-font-smoothing: antialiased;
+}
+
+body {
+  font-family: var(--rp-font-body);
+  font-size: 0.9375rem;
+  line-height: 1.5;
+  color: var(--rp-text);
+  background: var(--rp-bg);
+}

data/app/assets/stylesheets/railspress/admin/buttons.css

@@ -0,0 +1,140 @@
+/*
+ * RailsPress Admin - Buttons & Links
+ * Button components and link styles
+ */
+
+/* Buttons */
+.rp-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--rp-space-sm);
+  padding: 10px 20px;
+  font-family: var(--rp-font-body);
+  font-size: 0.875rem;
+  font-weight: 600;
+  text-decoration: none;
+  border-radius: var(--rp-radius);
+  border: 1px solid transparent;
+  cursor: pointer;
+  transition: all 0.15s;
+  white-space: nowrap;
+}
+
+.rp-btn:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px var(--rp-primary-light);
+}
+
+.rp-btn--primary {
+  background: var(--rp-primary);
+  color: white;
+  box-shadow: 0 2px 6px rgba(61, 90, 128, 0.25);
+  transition: all 0.15s ease;
+}
+
+.rp-btn--primary:hover {
+  background: var(--rp-primary-hover);
+  box-shadow: 0 4px 10px rgba(61, 90, 128, 0.35);
+  transform: translateY(-1px);
+}
+
+.rp-btn--secondary {
+  background: var(--rp-bg-elevated);
+  color: var(--rp-text);
+  border-color: var(--rp-border);
+}
+
+.rp-btn--secondary:hover {
+  background: var(--rp-bg);
+  border-color: var(--rp-text-muted);
+}
+
+.rp-btn--danger {
+  background: var(--rp-danger);
+  color: white;
+}
+
+.rp-btn--danger:hover {
+  background: #8f3436;
+}
+
+.rp-btn--text {
+  background: none;
+  border: none;
+  color: var(--rp-text-muted);
+  padding: 8px 12px;
+}
+
+.rp-btn--text:hover {
+  color: var(--rp-text);
+  text-decoration: underline;
+}
+
+.rp-btn--sm {
+  padding: 6px 12px;
+  font-size: 0.8125rem;
+}
+
+.rp-btn--lg {
+  padding: 14px 28px;
+  font-size: 1rem;
+}
+
+/* Links */
+.rp-link {
+  color: var(--rp-primary);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.rp-link:hover {
+  text-decoration: underline;
+}
+
+.rp-link--danger {
+  color: var(--rp-danger);
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+}
+
+/* Icon Buttons */
+.rp-icon-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  background: none;
+  border: 1px solid transparent;
+  border-radius: var(--rp-radius);
+  color: var(--rp-text-muted);
+  cursor: pointer;
+  transition: all 0.15s;
+}
+
+.rp-icon-btn svg {
+  width: 16px;
+  height: 16px;
+}
+
+.rp-icon-btn:hover {
+  background: var(--rp-bg);
+  color: var(--rp-primary);
+  border-color: var(--rp-border);
+}
+
+.rp-icon-btn--danger:hover {
+  background: var(--rp-danger-light);
+  color: var(--rp-danger);
+  border-color: var(--rp-danger-light);
+}
+
+.rp-icon-btn--disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+}

data/app/assets/stylesheets/railspress/admin/cards.css

@@ -0,0 +1,52 @@
+/*
+ * RailsPress Admin - Cards
+ * Card components
+ */
+
+.rp-card {
+  background: var(--rp-bg-elevated);
+  border-radius: var(--rp-radius);
+  box-shadow: var(--rp-shadow-md);
+  border: none;
+}
+
+.rp-card--padded {
+  padding: var(--rp-space-xl);
+}
+
+/* Detail list for show views */
+.rp-detail-list {
+  padding: var(--rp-space-lg);
+}
+
+.rp-detail-item {
+  padding: var(--rp-space-md) 0;
+  border-bottom: 1px solid var(--rp-border);
+}
+
+.rp-detail-item:last-child {
+  border-bottom: none;
+}
+
+.rp-detail-label {
+  font-size: var(--rp-font-sm);
+  color: var(--rp-text-secondary);
+  font-weight: 500;
+  margin-bottom: var(--rp-space-xs);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.rp-detail-value {
+  color: var(--rp-text-primary);
+  line-height: 1.5;
+}
+
+.rp-rich-text-content {
+  max-width: 65ch;
+}
+
+.rp-text-content {
+  max-width: 65ch;
+  white-space: pre-wrap;
+}

data/app/assets/stylesheets/railspress/admin/components/exports.css

@@ -0,0 +1,55 @@
+/*
+ * RailsPress Admin - Exports
+ * Export page styles
+ */
+
+.rp-export-format-card {
+  margin-bottom: var(--rp-space-lg);
+}
+
+.rp-export-format-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--rp-space-lg);
+}
+
+.rp-export-format-info {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rp-space-xs);
+}
+
+.rp-export-format-info strong {
+  font-size: 1rem;
+  color: var(--rp-text);
+}
+
+.rp-export-format-info span {
+  color: var(--rp-text-muted);
+  font-size: 0.9rem;
+  line-height: 1.5;
+}
+
+.rp-export-format-info code {
+  background: var(--rp-bg);
+  padding: 0.1em 0.4em;
+  border-radius: var(--rp-radius-sm);
+  font-size: 0.85em;
+}
+
+.rp-export-format-action {
+  flex-shrink: 0;
+}
+
+@media (max-width: 767px) {
+  .rp-export-format-content {
+    flex-direction: column;
+    align-items: stretch;
+    text-align: center;
+  }
+
+  .rp-export-format-action {
+    margin-top: var(--rp-space-md);
+  }
+}