Twitter Bootstrap だとボタンに hover や active に勝手にスタイルをあててくれたりします。 これでカスタム色を作りたい場合 .btn .btn-xxxxx に backgroud とかで直接色つけたりなんだりしちゃうと、hover とか active 時のスタイルがよしなな感じになりません。 というわけで拡張してボタンを作りたい場合は、 .button-variant() という mixin が定義されているのでそれを使います。 引数は、 .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); つまり .button-variant(文字色; 背景色; ボーダー色);
![Twitter Bootstrap のボタン要素の色とかを変えた独自のボタンを作る - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/caf9be42e8ae4306b21a6e86608f72f188afb0e0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9VHdpdHRlciUyMEJvb3RzdHJhcCUyMCVFMyU4MSVBRSVFMyU4MyU5QyVFMyU4MiVCRiVFMyU4MyVCMyVFOCVBNiU4MSVFNyVCNCVBMCVFMyU4MSVBRSVFOCU4OSVCMiVFMyU4MSVBOCVFMyU4MSU4QiVFMyU4MiU5MiVFNSVBNCU4OSVFMyU4MSU4OCVFMyU4MSU5RiVFNyU4QiVBQyVFOCU4NyVBQSVFMyU4MSVBRSVFMyU4MyU5QyVFMyU4MiVCRiVFMyU4MyVCMyVFMyU4MiU5MiVFNCVCRCU5QyVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YjM1YTIzOGY0Y2MxMGU4NGM0YjY4YTA3ZmExYzUxMTQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc290YXJvayZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OTVhOGFiMzg5MzBjNTJiOGQzZjY4NmIxYmU1OTVmYjI%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D9c225246ce7b651bce65fe8385f827b3)