リンクテスト コード 結果 notつけてはてなブログ以外という書き方もできる リンクテスト 同窓 別窓 コード a{ &[target="_blank"]:after{ content:' \009'; //はてなブログ用iconName font-family: blogicon; //はてなブログ用 } } a[target=_blank]:after{…

@while 条件が真(True)である間 { ... }を繰り返す。 やりたいこと h1〜h6までのfont-sizeを一気に設定したい。 $iで数値設定 <7で6までと指定 (<=6でも6まで指定とイコール) h#{$i}でh + $iを指定 font-size設定 1.#{}で計算式+文字を括る 2.()で計算。計算…

mapデータ mapから取り出していろいろやってみる。 Sass $set_size: (mb: 120px, pc: 360px, hf: 180px); //mobile,pc,半分 /*通常の取り出し方 */ img { width: map-get($set_size, mb); } //map date 取り出し用関数 @function size($sizeName) { @return …

足し算引き算を@functionと@returnでする 変数名 足し引き add 足し算 pull 引き算 Sass //関数@function, @return /*足し算*/ @function add($x, $y) { @return $x + $y; } p { width: add(100px, 200px); } /*引き算*/ @function pull($x, $y) { @return $…

transition呼び出し楽にしたい $変数設定 @mixinで設定 @includeで呼び出し Sass //transition設定 //単に呼び出すだけ $transition:all .3s ease; img{transition:$transition;} //mixin使用で中身をいじれるように @mixin transition($property:all .3s ea…