グローバルナビはflocssではlayoutに属すと思いますか？

Question

グローバルナビはflocssではlayoutに属すと思いますか？
コンポーネントでしょうか？
また、グローバルナビのCSSはすべて入れてしまいますか？

例

.gnavi {
    display: flex;
    justify-content: center;
    width: 100%;
}

.c-gnavi__list {
    width: 32%;
    height: 60px;
    margin-right: .5%;
    box-shadow: 1px 1px 1px rgba(0,0,0,.75);
}

/* 最後の要素のみmarginがいらないため上書き */
.c-gnavi__list:last-child {
    margin-right: 0;
}

.c-gnavi__list--green {
    background-image: linear-gradient(to top, #027a32, #03d9 39%, #9fc9d);
}

.c-gnavi__list--red {
    background-image: linear-gradient(to top, #a81d01, #fd37 39%, #ff984);
}

Answer 1

https://github.com/hiloki/flocss によれば、Layoutは

ページを構成するヘッダーやメインのコンテンツエリア、サイドバーやフッターといったプロジェクト共通のコンテナーブロックのスタイルを定義

するものとされています。

単に「グローバルナビ」というと、プロジェクト共通のパーツを思い浮かべますが、この場合はコンテナーブロックではないように感じます。

しかし、グローバルナビを実装するための「枠」としてのスタイルは存在すると思うので、これをLayoutとして定義することはできると思います(headerの中に含まれたりすることも多いかもしれませんが)。

一般的には、ページ内に唯一の要素ではありますが、Componentなどとして詳細なスタイルを定義した方がしっくりくるかもしれません。

Comments

[退会済みユーザー]

そうですね
私も、コンポーネントかなと思います。

layoutはあくまでそのページの中で必ず一つあり、一つしかないもののことのようですね。