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

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

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

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

画面があります。

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

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

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

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

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

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

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

わたし
わたし

ッシャ!

おしまい

青のポートフォリオサイト

新着記事

  • 2021年12月
  • 2021年10月
  • 2021年8月
  • 2021年7月
  • 2021年6月
  • 2021年4月
  • 2021年3月
  • 2021年2月
  • 2020年12月
  • カテゴリ

  • WEB制作
  • 投稿記事一覧に戻る

    コメント

    コメントはありません

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



    *