Sass面倒が大嫌いな下山です。面倒なのであいさつも途中までしかしません。人としてどうかとかね。mixin名;}※mixin名は数字で始まる名前はダメ!このようにCSSを書くうえで何度も同じスタイルを書くことがあると思います。そんなときは@mixinで定義して@includeで呼び出してあげれば管理も楽ですねっ!例ボックスhogeとfugaを作るとします。サイズ(width,height)と枠線(border)は同じなんだけど背景(background)だけ違うんだよね。そんな時はそれぞれスタイルを書くか、共通部分だけグルーピングして書くかだけどmixinを使って書くと以下の通り。・}このように引数を使用して値が違うスタイルを使いまわすことができます。#eee;}この引数は初期値を指定しることができます。{任意のプロパティ:引数;}※初期値を定義する引数は定義しない引数のあとに書かなければなりません。任意のmixin名(引数:初期値,引数,・・・)←これはエラーになります。#c00;}include時に値を書かなければ初期値が代入されます。複数の引数に初期値を設ける場合、値を省略することはできません。200px);としなければなりません。まとめ@mixinは奥が深いです。最初は欲張らずに引数なしで使ってみるのもいいと思います。Sass]Compassでコンパイルしようとしたときにエラーが出たらどうすんの!まー色々起こるもんですね。Part.2前回の続きです。Flexboxの色々なプロパティを見ていきましょう。CSS]nth-child(n)擬似クラスでWordPressのカレンダーの土曜日、日曜日のスタイルを変更する前回のWordPressのカレンダーウィジェットを可愛くする(おじさんが)の続きです。前回でWordPressのカレンダーウィジェッ...記事を読む[CSS]画像加工なしで写真をレイアウトする頭痛と戦うWEB屋さん下山です。「トップページの写真を自分たちでも入れ替えたいよねー」って言われましてね。Photoshop...記事を読む[CSS]first-childとlast-child、どっちを使うの?first-childでしょ!とまータイトルで結論まで言っちゃってますけどね。CSS大好きなみんなは常識だよね。Bootstrap最近マイブームのフレームワークのご紹介。マイブームって・・・死語。Compass]WindowsでSassとCompassで環境作るときにあったエラーのメモやっとおじさんも時代のニューウェーブに乗るためにSass環境を整えてみました。環境を作るのは黒い画面を使いますけど難しくないですねー。...記事を読む[CSS]Hover.cssを使ってみた遅くなりましたが、あけましておめでとうございます。今年も何かしら書き綴っていきますよ。