FlowingDev

CSS Viewer Free

Explore a stylesheet as a tree with color swatches, specificity, stats and one-click copy. Your data never leaves this browser.

Need to change it? Edit this content in tree, table and form modes.

Valid CSS

CSS
  • /* FlowingDev sample stylesheet */
  • :root(0,1,0)2
    • --brand:#2563eb
    • --radius:12px
  • body(0,0,1)4
    • font-family:system-ui, sans-serif
    • margin:2rem
    • color:#0f172a
    • background:#f8fafc
  • .card(0,1,0)4
    • background:white
    • border:1px solid #e2e8f0
    • border-radius:var(--radius)
    • padding:1.25rem
  • .card h2(0,1,1)2
    • color:var(--brand)
    • margin:0 0 .5rem
  • #cta.button:hover(1,2,0)2
    • background:rgb(29 78 216)
    • color:white!important
  • @media(max-width: 640px)1
    • body(0,0,1)1
      • margin:1rem