# Rendi le traduzioni dei temi accessibili da CSS

**URL:** <https://meta.discourse.org/t/make-theme-translations-accessible-from-css/144702>\
**Category:** Feature\
**Created:** [18 Marzo 2020, 12:03pm UTC](https://meta.discourse.org/t/make-theme-translations-accessible-from-css/144702 "2020-03-18T12:03:51Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [18 Marzo 2020, 1:47pm UTC](https://meta.discourse.org/t/make-theme-translations-accessible-from-css/144702/4 "2020-03-18T13:47:15Z")

</div>

Un plugin per abilitare le traduzioni in SCSS… tutto è possibile, ma sarebbe molto disordinato. Ad esempio, dovresti in qualche modo compilare risorse CSS diverse per ogni lingua. Ti sconsiglio vivamente di tentare di farlo.

Un’idea possibile… ma **non** una raccomandazione (cioè, se ci provi, sei solo tu a prenderne la responsabilità :P)

> **Capisco che sia una cattiva idea**
>
> Potresti fare qualcosa del genere nel JavaScript del tema
> 
> ```js
> document.documentElement.style.setProperty('--my-translation-name', `"${ I18n.t(themePrefix("my-translation-name")) }"`);
> 
> ```
> 
> E poi nel CSS
> 
> ```css
> &:before {
> content: var(--my-translation-name);
> }
> 
> ```
> 
> Questo potrebbe rompersi in molti modi: se inserisci virgolette o caratteri speciali nella traduzione, si romperà. Se provi a usarlo in IE11, si romperà.

---

_[View the full topic](https://meta.discourse.org/t/make-theme-translations-accessible-from-css/144702)._