ミックスインの使い方

@mixin

参考:

Sass で @mixin を作る時に知っておきたい基礎知識 – Qiita

Sass の @mixin とは? 使い方もサクッと紹介 | Code School

Sass (SCSS) の mixin, extend などまとめ – Qiita

Mixin と Extend の使いどころ | Adobe Blog

@extend を使うべき時、@mixin を使うべき時 | POSTD

How to Use Sass Mixins | Scotch.io

The @mixin Directive | Vanseo Design

The Sass Mixin Directive | SitePoint

Mixins | SitePoint

Sass mixins | MarkSheet

When To Use @mixin And When To Use @extend | Vanseo Design

@content

参考:

@content : @mixin にスタイルセットを渡す | 集の一期一会

@content directive is a wonderful thing | Krasimir Tsonev

Sass’s `@content` Directive Use Cases | thoughtbot

Passing arguments from a mixin to a content block · Issue #871 · sass/sass – GitHub

[Content Args] Add a proposal for passing arguments to @content by nex3 · Pull Request #27 · sass/language – GitHub

ArmorDarks commented on 30 Jun 2016 – Passing arguments from a mixin to a content block · Issue #871 · sass/sass – GitHub

Passing arguments from a mixin to a content block – Stack Overflow

引数にマップを使う

参考:

Stop Arguing So Much with Your Mixins | Sass break

引数の初期値

参考:

mixin で引数を省略したときプロパティを出力しないようにする – Qiita

Smarter Sass Mixins with Null | Treehouse Blog

スコープ

参考:

scope of function and mixin definitions · Issue #2268 · sass/sass – GitHub

スニペット

参考:

Useful Sass (SCSS) mixin Snippets | Web Creator Box

scontecss

参考:

signalwerk/scontecss – GitHub

signalwerk commented on 14 Mar 2018 – Passing arguments from a mixin to a content block · Issue #871 · sass/sass – GitHub

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA