Sass

Sassに関するカテゴリー。

CSS

【Sass】GridをSassで効率よく書く方法

こんにちは、かつコーチです。 今回は、前回に引き続きGridをSassで効率よく書く方法を解説します。 ContainerをSassで効率よく書く方法 gridをCSSで記述してみます。 .col, .col-1, .col-2, .col...
CSS

【Sass】ContainerをSassで効率よく書く方法

こんにちは、かつコーチです。 Sassで記述するときに、変数にしたり、ネストするのは最もシンプルです。 しかし、@mixinや@eachなどを扱うとなるとちょっと複雑になります。 今回は、Sass を使用して、指定したメディアクエリとクラス...
CSS

【Sass】境界線をどこに引くのかについて解説

こんにちは、かつコーチです。 CSSをより効率よく記述するのに、Sass(Scss)を利用することは一般的です。 基本的にはファイルを分けて記述すると思いますが、その境界線をどこに引くのか悩むことがあるでしょう。 今回は、その境界線をどうす...
CSS

【Sass基礎学習1】Sassとは?

こんにちは、かつコーチです。 CSSを扱う上で、Sassを取り入れるのは、一般的になっているでしょう。 そこで今回は、Sassの基本について解説します。 Sassとは? Sass(Syntactically Awesome Styleshe...