SCSSで見出しのスタイルをループさせたいです

Question

前提・実現したいこと

WordPressの投稿画面のスタイル調整をしています。
h3の見出しに対して３色の文字色が用意されていてをその色をループさせる処理を実装したいです。
例）
・用意されている色が赤青黄
・１番目のh3:赤、2番目のh3:青、3番目のh3:黄、4番目のh3:赤…（ここでループで戻ってくる）

初歩的な質問で申し訳ありません。
何卒ご教授のほどよろしくお願いいたします。

該当のソースコード

@for $i from 1 through 3 {
  h3:nth-child($i)::before{

   //ここにどのような処理を書けば良いでしょうか
}

Answer 1

:nth-child($i)
↓
:nth-child(3n + #{$i})