Settings
Width / Height
/path/to/floncss/settings/sizes.css
サイトで利用するwidth, height などサイズに関する数値を定義します。
こちらの設定値はutility classで使用されるものではありません。
デザインに応じて適宜追加・削除・変更してください。
1:root {
2 /**
3 * width
4 */
5 --width-content-max: 1440px;
6 --width-content-min: 1024px;
7
8 /**
9 * height
10 */
11 --height-header: 90px;
12}Useage
css
1body {
2 max-width: var(--width-content-max);
3}
4
5header {
6 height: var(--height-header);
7}