css の before after が表示されないとき

対象

css (sass) 普段あんまり書かない人

問題

css の疑似要素の before や after を使おうとしたけど表示されない

原因

.section:before {
  content: '';
}

のように content を入れなきゃだめ (height や width を指定してても)

また free-style などで js の中に書く場合は

{
  content: `''`;
}

のようにシングルクォテーションの周りをダブルクォートや バッククォートで囲まないとなので注意する