13Mar/17 [SASS] 画像データURIスキーム変換関数 2017年3月13日CSS, Knowledge, Sass Code, Snippet浅野 利博 解説 画像データURIスキームに変換する(Inline Data Helpers)。 指定された画像をデータURIスキームに変換し、普遍的にCSS内に保存する。 この関数が有効なのは、画像の変更頻度は低く、小さなものに限Read More…
12Mar/17 [SASS] リセット補助関数 2017年3月12日CSS, Knowledge, Sass Code, Snippet浅野 利博 解説 ボックスサイズの算出方法を「border-box」にすることで、padding, marginのサイズに関係なく、全てのwidth, heightで指定した値をボックスのサイズとさせる関数。 この関数を最初に読み込Read More…
11Mar/17 [SASS] BOX中央配置関数 2017年3月11日CSS, Knowledge, Sass Code, Snippet浅野 利博 解説 指定されたボックスを親ボックスの中央(上下左右)配置させるための関数。 要素を親要素topから50%に配置、すると子要素のtopが親要素の中央位置にくるので、 子要素を自身の高さの半分マイナス上にずらす(transRead More…
11Mar/17 [SASS] background-position代用関数 2017年3月11日Sass Code, Snippet浅野 利博 解説 background-positionの指定でCalcを使用可能にする関数。
11Mar/17 [SASS] Calc代用関数 2017年3月11日Sass Code, Snippet浅野 利博 解説 Compassでは単位違いの演算ができない。 そのため代用として、「calc」を定義する。
11Mar/17 [SASS] writing-mode代用関数 2017年3月11日Sass Code, Snippet浅野 利博 解説 SASSで文字の縦書き表現を行うための関数。 Compassにはcwriting-modeが定義されていないため代用として作成されている。