Sass

CSS

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

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