CSS Custom Properties Cascade Visualizer

CSS Source

:root {
  --primary: #007bff;
  --secondary: #6c757d;
  --font-size: 16px;
  --spacing: 8px;
}

.card {
  --card-bg: white;
  --card-border: 1px solid #ddd;
  color: var(--text-color, #333);
  background: var(--card-bg);
}

.card h2 {
  --card-bg: #f8f9fa;
  font-size: var(--font-size);
  padding: var(--spacing);
}

@media (max-width: 768px) {
  .card {
    --spacing: 4px;
  }
}

Cascade Tree

CSS Cascade Visualizer