Expose scss variables to be available in JS
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Idoneità per principianti
- 35/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- javascript, scss, typescript
- Ambito
- build-system, frontend
Direzione di ricerca
Inizia esaminando la build della style guide e le definizioni esistenti delle variabili SCSS per capire come vengono generati e utilizzati gli stili. Il lavoro è completato quando la style guide espone gli stessi valori dei token a JavaScript senza richiedere definizioni separate, inclusi valori come le dimensioni dello schermo.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
It would be helpful to use style guide tokens in JS env in places where SCSS/CSS is not available.
Example use cases:
- styling external component integrated on JS level (all sorts of payments forms etc.)
- screen size variable used in isSmall hook
The best would be to integrate it somehow in SG build so we don't need to define the values separately for SCSS and JS. We may use :export block in SCSS so JS preprocessor can import that file which all variables transformed to JS. This is not obligatory for the initial implementation though (but maintenance would suffer in long term)
- Lingua principale
- TypeScript
- Stelle
- 165
- Fork
- 31
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
- Include un Dockerfile o un file Docker Compose
- Nessun modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di brainly/style-guide
-
Type: Bug
Difficoltà 3/5 1-2 giorni Idoneità per principianti 45/100
brainly/style-guide#2780 ·
-
Expose `useFirisPaint` hookAperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 45/100
brainly/style-guide#2761 ·
-
Type: Enhancement
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
brainly/style-guide#2747 ·
-
Type: Enhancement
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
brainly/style-guide#2743 · 1 commento ·
-
Type: Enhancement
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
brainly/style-guide#2722 ·
Tutte le issue di brainly/style-guide
Issue simili
-
a10y a10y-audit ai-driven-qa claude
Difficoltà 2/5 1-3 ore Idoneità per principianti 86/100
linagora/twake-directory-manager#219 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
I maintainer di solito rispondono entro 1 giorno
-
type: bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 79/100
I maintainer di solito rispondono entro 1 giorno
-
0️⃣ phase/new
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
I maintainer di solito rispondono entro 1 giorno
-
Pulse v7: buildPreferencesFromTelos() bypasses telosSectionOrFile(), renders empty on unified-TELOS installsForse già presa @zephyr91 l’ha presa oggi. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
danielmiessler/LifeOS#2393 ·
I maintainer di solito rispondono entro 4 giorni