CodePen(コードペン)でSassを書く方法

WEB制作

まとめるほどのことでもないけど備忘として。

ちなみにこれをしなくてもSassMeisterならすぐにSassを試せます

私はブログに貼れるようにCodePenで書いています

画面があります。

CSSの左隣の歯車マークを押します

CSS PreprocessorをSCSSにして、Save&Closeを押します

プルダウンの中にSassがありますが、

こちらはどうやらSASS記法({}の代わりにスペースキーを使う)のSassを指しているようです。

現在主流の{}を用いる記法はSCSSで、わたしはこちらを勉強中のためSCSSを選びました。

CSSの横に(SCSS)が表示されたら

Sassでコードを書くと自動でCSSに変換してもらえます

わたし
わたし

ッシャ!

おしまい

コメント

タイトルとURLをコピーしました