scssで定義したテキストをi18nで切り替える方法について

Question

下記のテストの文言をi18nでブラウザの言語設定により切り替えたいのですが、
view配下にあるhtmlファイルのようにt(."test")のようにして切り替えたいです。
ymlにどのようにパスを記載するかが、検索した限り見つからないので、教えてもらえますでしょうか。

app/assets/stylesheets/blocks/_common.scss

  &__required-item {
    &:after {
      content: "テスト";
      margin-left: 10px;
      background-color: #d60101;
      padding: 4px 6px;
      border-radius: 5px;
      color: #FFFFFF;
      display: inline-block;
    }

Answer 1

出来ないです。
app/assetsにあるCSSたちはサーバー起動時に確定しています。
ですので、ダイナミックにかわるlocaleに対応させることは出来ないです。
I18nはruby,railsの世界ですので、CSSやJSが直接恩恵には預かれません。
htmlに書き出しそれを利用する という方法になるのではないでしょうか。

というのがCSSに弱い私の見解です。