designFlonCSSv2.0.1

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}

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}