Comments (9)
Related : webpack-contrib/stylus-loader#163 (comment)
" Like the old quoted comment, I think its best to use stylus's json function to import variables from a json file that can easily be shared with js and other systems."
palette.styl
could use the json
function from stylus
http://stylus-lang.com/docs/bifs.html#jsonpath-options
from cozy-ui.
Je vote pour le 3
from cozy-ui.
Au sein de <Icon />
, comment est ensuite gérée cette couleur ?
from cozy-ui.
import palette from 'cozy-ui/palette.json'
<Icon color={ palette['dodger-blue']} />
from cozy-ui.
De notre côté, on n'utilise pas les couleurs sous forme de variable js à ma connaissance. Ceci dit la solution 3 semble effectivement la plus pertinente.
from cozy-ui.
Ah putain, je savais même pas que Stylus traitait du json comme ça. Bref du coup, la 3 me convient très bien.
from cozy-ui.
Would it be possible to also expose all palette colors as css variable? It will avoid to do this kind of trick when we don't want to use stylus : https://github.com/cozy/cozy-store/blob/master/src/styles/palette.styl
from cozy-ui.
Voici un exemple sur cozy-bank : https://gitlab.cozycloud.cc/labs/cozy-bank/commit/d48a6a3ae09eba4926fb4599f12f36711fa8b5ca
from cozy-ui.
@CPatchane : please open another issue for this :) I will do the JSON trick and have a PR soon :)
from cozy-ui.
Related Issues (20)
- Input, Field : force `spellcheck` to `false` HOT 1
- TextField: disable spell checking by default
- Utility classes: which classes should have an `!important` annotation on their declaration? HOT 1
- Viewer: padding and margins in the panel and bottom sheet are not consistent and unbalanced
- Missing portage color into palette.styl HOT 4
- evolution : arborescence cozy-ui HOT 3
- Flaky tests for some snapshots
- The automated release is failing 🚨 HOT 1
- SelectionBar is behind design requirements
- SquareAppIcon : mix-blend-mode and scale issue HOT 1
- SquareAppIcon : glitch with spinner HOT 1
- SquareAppIcon : classes, theme and color
- Switch : should handle secondary/error/success/info/warning colors
- Improve Snackbar and Fab button to make app more agnostic from Flagship application
- ListItem without List doesn't work with ListItemSecondaryAction
- Typography: should handle severity and success / warning / info colors
- PointerAlert: should use `grid` instead of `absolute` and `margin` positionning
- NestedSelect: should handle asynchronous options
- Conflict to disable ellipsis into ListItem
- Migration to material-ui v5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cozy-ui.