Sassでclearfix楽チンポンじゃね?

Sass

Windowsになんじゃかんじゃ入れて、scssをcssに吐き出すやつです。

hamashun.me 【Windows PC に Ruby と Sass を導入する方法】

Bonkura Blog 【Sassを起動するコマンドメモ】

hail2u.net 【Sass、そしてSassy CSS (SCSS)】

hail2u.net 【Sass – チュートリアル】

あたりを見ればよくわかります。

やってみる

@mixin after{
    &:after{
        content: "";
        display: block;
        clear: both;
    }
}

して該当の要素にぶちこむ

#page {
    width : 800px;
    @include after;
}

んでcssにしてやると

#page {
      width: 800px;}
      #page:after {
        content: "";
        display: block;
        clear: both; }

って出てくる。

 

「.clearfix」とか、アレでしょ、何か、いかにも「clearfixしてる感」まるだしなので、使用する要素毎に「:after」入れてたので、

これでけっこう楽チンになるんじゃね?っていうお話でした。

 

 

Comments are closed.