「SASSモジュール」 一覧

pxとvwを変換してみた!

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

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

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

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

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

スマートなメディアクエリ!少ない記述でブレイクポイントを設定しよう!!【SASSモジュール】

今回はSASSを使ってメディアクエリを作成していきます! メディアクエリはレスポンシブサイトには欠かせない存在となっていますが、記述が長い!! しかも、ブレイクポイントの数値を忘れてしまうと他のページから数値をピックアップして...。 と、そんな扱いが面倒なメディアクエリを[sp]や[pc] [tb]などの引数だけで制御できるようにしていきましょう!

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