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