FlowingDev

CSSビューア 無料

スタイルシートをツリーで探索。色、詳細度、統計を確認してワンクリックでコピー。 データがこのブラウザの外に出ることはありません。

変更が必要ですか？このコンテンツをツリー、テーブル、フォームモードで編集してください。

有効な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