WD DESIGN

Practice Page

このページは練習ファイルを置く、Practiceページです

Practice05

@mixin / @includeを使ったスタイルの再利用

case01.@mixin

mixinを使ってスタイルの作成

mixinを使ってスタイルの作成

case02.@mixinに引数をあてる

mixinを使ってスタイルの作成

case03.@mixinの引数に初期値を設定する

mixinの初期値を使ったスタイル

引数を指定して、スタイルを一部変更する

case04.@mixinの引数に初期値を設定する

mixinの初期値を使ったスタイル

引数を指定して、スタイルを一部変更する

case05.@contentでコンテンツブロックを受け渡す

  • 1番目のテキスト
  • 2番目のテキスト
  • 3番目のテキスト
  • 4番目のテキスト
  • 5番目のテキスト