「SASS」 一覧

知っておくと便利!!SASSで用意されている8つの演算関数をまとめてみた

はじめに SASSでは、知っておくと便利な関数がたくさん用意されています。 今回は、計算用の関数にフォーカスして、ご紹介していきます。 percentage:数値に「%」を付ける round:数値を四 ...

SASSの四則演算をまとめてみた

SASSの四則演算+余剰の単位の扱いについてまとめてみた

今回はSASSで四則演算(余剰も含む)する際に単位の扱い方についてまとめてみました!
SASS(CSS)では「px」や「vw」、「em」など、たくさんの単位が存在します。
SASSで四則演算を行うときは、この単位に注意しないとエラーが起きたり、意図しない単位で出力されたりなどしてしまうので、しっかりと把握しておきましょう!

pxとvwを変換してみた!

SASSを使ってpxからvwに変換できる関数を作ってみた

今までpxで指定していた要素をvw指定にしてviewportに応じて広げる必要が出てきたので、pxからvwに変換する関数をSASSを使って実装してみました!

CSSだけでテキストに縁をつけてみよう

CSSだけでテキストを縁取りする方法トリッキーすぎた!

今回は、お仕事でテキストを縁取りする事態が発生したので、こちらを紹介していきます!!text-shadowを限界まで(?)使った実に厄介なものになっているので限界までわかりやすく説明しました(笑)最後の方にはトリッキーすぎる記述をSASSのmixinにまとめたものを用意しているので、ぜひ持って帰ってくださいね!

Copyright© カノトのアトリエ , 2019 All Rights Reserved Powered by STINGER.