FlowingDev

Visionneuse CSS Gratuit

Explore ta feuille de style en arbre, avec couleurs, spécificité, stats et copie en un clic. Vos données ne quittent jamais ce navigateur.

Besoin de le modifier ? Éditez ce contenu dans les modes arborescence, tableau et formulaire.

CSS valide

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