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

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

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

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

画面があります。

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

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

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

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

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

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

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

わたし
わたし

ッシャ!

おしまい

投稿記事一覧に戻る

コメント

コメントはありません

コメントする

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。



CAPTCHA