SCSSファイルの構成はこのような感じ。日本人でもわかりやすいディレクトリ名にしつつコメントでAtomic Designの役割を付記。CSSファイルにすると上から順に大きなパーツになっていくので

karauma のブックマーク 2020/03/29 21:57

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4683562424018011458/comment/karauma" data-user-id="karauma" data-entry-url="https://b.hatena.ne.jp/entry/s/webbingstudio.com/entry-838/" data-original-href="https://webbingstudio.com/entry-838/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwebbingstudio.com%2Fentry-838%2F" data-user-icon="/users/karauma/profile.png">Atomic Designの思想で、文系でもわかるCSSフレームワークを作りたい | ブログ | ウェビングスタジオ</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%22Atomic%20Design%22">Atomic Design</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%82%A2%E3%83%88%E3%83%9F%E3%83%83%E3%82%AF%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3">アトミックデザイン</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/CSS">CSS</a>]</li></ul><br><p style="clear: left">SCSSファイルの構成はこのような感じ。日本人でもわかりやすいディレクトリ名にしつつコメントでAtomic Designの役割を付記。CSSファイルにすると上から順に大きなパーツになっていくので</p><a class="datetime" href="https://b.hatena.ne.jp/karauma/20200329#bookmark-4683562424018011458"><span class="datetime-body">2020/03/29 21:57</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！