Comments (3)
cool, i will look into this in the coming days then. It should definitely doable 👍
from teleport-code-generators.
Hey, that's a very interesting requirement. I think we can work our way around this with static
nodes. But, with tokens
maybe we should change the referenceType
to array to make styles refer to multiple dynamic values. Will look into this. Is this blocking any of your requirements currently ?
from teleport-code-generators.
No, It's not urgent. I just find a problem when i using css shorthand. Currently I split it and solved.
Maybe like this:
{
"name": "Token Simple",
"node": {
"type": "element",
"content": {
"elementType": "container",
"style": {
"margin": {
"type": "list",
"content": [
{
"type": "dynamic",
"content": {
"referenceType": "token",
"id": "space-2"
}
},
{
"type": "dynamic",
"content": {
"referenceType": "token",
"id": "space-4"
}
},
// {
// "type": "static",
// "content": 16
// }
]
}
},
"children": []
}
}
}
Hopes your solution here.
from teleport-code-generators.
Related Issues (20)
- Using `Image` from `next/Image` all the time for all images. HOT 1
- Add test-cases for `teleport-project-plugin-tailwind` for all frameworks
- Add support for TailwindCSS HOT 2
- Image resolution plugin in plain html-css generator is missing out the remaining values
- A project can have only a single fallback route.
- Guide on how to setup editor locally HOT 3
- Component styles are missing in the generated code in `NextJS` if the component has state declarations
- How to get UIDL from form components? HOT 1
- Accordian and navbar throws an error in nextjs generated code
- Scripts in Components throws an Error in nextjs exported code. HOT 6
- `lottieplayer` is being added to all next projects by default
- `lottie-node` styles are not propagating in `nextjs` because of `styled-jsx`.
- Configure the `nextjs` projects to use `next-sitemap` generator
- (vue-export): Fix `Invalid Host Header` for Vuejs exports
- Export any project as a `tailwind` project
- Presentation page not displaying `height: calc(...)` in an obvious way HOT 1
- Section containnig lottie files displaying differently on preview and downloaded react project. HOT 1
- TypeError: ReactGenerator.generateComponent is not a function HOT 1
- Use GitHub actions to build CMS projects HOT 1
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 teleport-code-generators.