CSSファイルを読み込むだけで見た目を整えられるclass-lessなCSSフレームワーク・「AttriCSS」

Ads

AttriCSS

AttriCSSは読み込むだけで見た目を整えられるclass-lessなCSSフレームワークです。classが不要なので基本的にはどんなWebサイトにも対応出来てCSSファイルを読み込むだけで済みます。

サイズも4Kbと非常に軽量です。SCSSベースとなっており、_variable.scssにある変数を変えればカスタムテーマの作成も可能となっています。

$navtext-color: #fff;               <-- ナビゲーションのテキストカラー
$font-family: "Nunito", sans-serif; <-- フォント
$text-color: #000;                  <-- テキストカラー
$body-bg: white;                    <-- 背景カラー
$code-bg-color: #eeeeee;            <-- コードブロックの背景カラー
$tertiary-color: #bdbdbd;           <-- 3次カラー
$secondary-color: #212121;          <-- 2次カラー
$primary-color: #00c853;            <-- 主要カラー

或いは直接CSS変数で管理するのも良いと思います。やや古いCSSのようで開発は数年止まっていますが今でも使えそうだったので備忘録として。ライセンスはMITです。

AttriCSS