laminne/Enogu

Enogu

近年のWEBデザインに最適なCSSフレームワークです。 近いうちにサイト作ります。

仕様

EnoguはWEBの技術をフル活用し、ユーザーにとって使いやすいウェブサイトを作ることを目的として作られています。 そのため、ダークテーマの対応などのさまざまなことに取り組もうと思っています。 カスタマイズが容易な仕様にします。 そのために、ユーザーが簡単にカスタマイズすることができようプラグインを作っていきたいと思っています。

現在あるCSS変数等についての紹介（変更等あり）

:root {
    /*共通の変数定義*/
    --s-1: 0 2px 5px rgba(0, 0, 0, 0.26);
    --s-2: 0 2px 10px rgba(0, 0, 0, .2);
}

body[theme="dark"] {
/*ダークテーマのときの変数*/

    --m-bg: #011C27;/*bodyタグの背景色*/
    --d-color: #f9f9f9;/*デフォルトのフォントカラー*/
    --s-color: #9F9F9F;/*サブのフォントカラー*/
    --s-bg: #242424;/*サブの背景色*/
    --b-1: 1px #363636 solid;/*デフォルトのボーダー設定*/
    --a-color: #EF5455;/*アクセントカラー*/
}

body[theme="light"] {
/*ライトテーマのときの変数（各変数の意味はダークテーマと同じです。）*/
    --m-bg: #F9F9F9;
    --d-color: #202124;
    --s-color: #5F6368;
    --b-1: 1px solid #dadce0;
    --a-color: #EF5455;
}