search

qrac / musubii

Simple CSS Framework for JP
https://musubii.qranoko.jp
150 stars 6 forks source link

Dist：CSS Variables版のCSSファイルを配布 #300

Closed qrac closed 2 years ago

qrac commented 2 years ago

IE対応のため配布しているCSSファイルにCSS Variablesは使用されていないが、IEサポートも終了となりSCSSを利用するシーンも減っているため、CSS Variables版を同封する。これによりCDNやバンドルで即座にダークモードなどが利用できる。

デフォルトライトモード＋OSダークモード

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/musubii@7.2.0/dist/css/themes/default-light.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/musubii@7.2.0/dist/css/themes/media-dark.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/musubii@7.2.0/dist/css/musubii.min.css" />

デフォルトライトモード＋data属性でダークモード

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/musubii@7.2.0/dist/css/themes/default-light.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/musubii@7.2.0/dist/css/themes/data-dark.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/musubii@7.2.0/dist/css/musubii.min.css" />

デフォルトダークモード

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/musubii@7.2.0/dist/css/themes/default-dark.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/musubii@7.2.0/dist/css/musubii.min.css" />
qrac commented 2 years ago

v7.2.0にて反映。