@mxinや@extendはSassの便利な機能はありますが、使い方によってはメンテナンス性を下げたり、意図していないことが起きてしまいます。 今回は@extendの復習をします。

見本 See the Pen text-spinners by Yuta Kiyama (@yutakiyama) on CodePen. text-spinnersに色々サンプルがあります。 実装方法 HTML内に以下のソースを入力。 ソースを確認は、GitHubのspinners.cssで確認できます。 <link rel="stylesheet" href="http://tawian.io/text-spinners/spinners.css"> <button>Loading <span class="loading"></span></button> どうやって動いているのか t</link>…