Notes

タグ: SCSS

  • グリッドレイアウト

    グリッドレイアウトについて考える

  • 基本 SCSS設定

    下記の感じで良いかなと思う。

    @use 'partials/_default';
    // デフォルト設定
* {
    // ブラウザによって固有の設定等があるので初期化
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    // padding と border を幅と高さに含める
    box-sizing: border-box;
}

// HTML全体設定
html {
    /// スクロール設定
    scroll-behavior: smooth;
}

// 共通フォント設定
body {
    font-family: "Kosugi Maru", "Zen Maru Gothic", "Klee One", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}