FlowingDev

CSS-Viewer Kostenlos

Erkunde dein Stylesheet als Baum: Farben, Spezifität, Statistiken und Kopieren mit einem Klick. Deine Daten verlassen diesen Browser nie.

Muss es geändert werden? Bearbeiten Sie diesen Inhalt in den Baum-, Tabellen- und Formularansichten.

Gültiges 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