/*--------------------------------------*
 * foundation
 *--------------------------------------*/
@use "./foundation/base";
@use "./foundation/reset";
@use "./foundation/variable";

/*--------------------------------------*
 * layout
 *--------------------------------------*/
@use "./layout/container";

/*-------------------
 * component
 基本classはこちらに追加
 -------------------*/
@use "./object/component/button";

@use "./object/component/title";

/*-------------------
 * project
 ページごとのclassはこちらに追加
 -------------------*/
 @use "./object/project/lp";
 @use "./object/project/terms";


/*-------------------
 * utility
 細かい調整用class用
 -------------------*/
@use "./object/utility/other";
@use "./object/utility/text";
@use "./object/utility/space";

/*-------------------
 ベースはFLOCSSルールだが
 .p-(project)は使わず .c-(conpornent)で代用
 ボタンの色などは .c-〇〇__button　のように表記
 例）３カラムの記事一覧があった場合
    ---------------
    .l-〇〇：wrapper大枠
    .c-〇〇list：記事リストのリスト枠(ul)
    .c-〇〇list__card：記事枠(ul>li)
    .c-〇〇list__img：記事のサムネ(ul>li>figure)
    .c-〇〇list__title：記事のタイトル(ul>li>figucaption)
    のような感じ
 -------------------*/