Category : SCSS Snippet

【mixin】色相を変えてグラデーションを鮮やかにしたボタンを作るmixin

色相を変えてグラデーションを鮮やかにしたボタンを作って、マテリアルデザインに合うようなelevation(高度)を設定したものを作るmixinです。 参考...

【2018年版】media queryにおけるBreakPointの設定をmixinにする

2016年にあらかじめブレイクポイントごとのmixinがあると便利なはず!と思い、Breakpointに関するmixinを作りました。が、あれから2年たってみて...

【mixin】テキストリンクの色を一括指定するmixin その2

リンクカラーを一括指定するmixinその2です。前回は「adjust-hueを使いたい!」という気持ちが強かったと記憶していますが、それに比べると今回はだいぶス...

【mixin】レスポンシブに対応したフォントサイズのmixin

レスポンシブサイトを作ってると、PC・スマホ間のことで意外と困るのがフォントサイズ。PC版に合わせようかスマホ版に合わせようか悩みます。 スマホ版に合わせても...

【mixin】メタリック感のあるグラデーションをつくる

以前にメタリックカラーのグラデーションをつくるという記事を書いてみたところ、おかげさまで今でもアクセスがたまにあったりして意外と需要があるような感じを受けました...

【mixin】ラインマーカーで線を引いたような効果を与えるmixin

<strong>などで強調させたいときに使えそうな、ラインマーカーで線を引いたような効果を与えるmixinを作ってみたので紹介します。 ラインマー...

【mixin】FontAwesomeを:beforeや:afterなどの擬似要素で使う時のmixin

scssやcssを作っているとき、FontAwesomeなどのwebアイコンフォントを使いたいときが多々あります。<i>~</i>のよう...

12