Open1
クラスレスCSS使ってみた
Kohki_Takatamaはじめに
「クラスレスCSS」をご存知でしょうか。
「クラスレス」とは、CSSまたはHTMLのどこにもCSSのclassがないことを意味します。
今回はSakura.cssを使ってみました。
テーマが豊富なClassless CSSです。
npmでのinstallも対応されていて、scssの変数を上書きすれば自分の好きな色味にも変更できるのが特徴です。
CDNでの配信されており、対応しやすいのが良いですね。
デフォルトのテーマは柔らかい印象が特徴です。
使ってみた
以下のHTMLはクラスのないHTMLです。
今回は、以下の一行を<head>に追加します。
<link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css">
結果はこんな感じ
