Comments (13)
@eeue56 Cool! I looked at the PostCSS stringifiers, but seems that PostCSS AST is not abstract enough for making conversion to Elm easy... so maybe I simply create a web frontend for sass-to-elm and maybe create some PRs to sass-to-elm if and when I find out-of-date stuff.
from elm-css.
Is this still something you would like done? I would give it a shot!
from elm-css.
Yes, that would be amazing!!!
On Wed, Jul 20, 2016, 2:46 PM Colin Wahl [email protected] wrote:
Is this still something you would like done? I would give it a shot!
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#52 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABCxwIFCH23RB605W-bQmR5g0mCJbICYks5qXpcvgaJpZM4G8Dc2
.
from elm-css.
Relevant similar project: https://github.com/eeue56/sass-to-elm
On Wed, Jul 20, 2016, 3:53 PM Richard Feldman [email protected]
wrote:
Yes, that would be amazing!!!
On Wed, Jul 20, 2016, 2:46 PM Colin Wahl [email protected] wrote:
Is this still something you would like done? I would give it a shot!
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#52 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABCxwIFCH23RB605W-bQmR5g0mCJbICYks5qXpcvgaJpZM4G8Dc2
.
from elm-css.
After doing some research this weekend, It looks like I just need to write a new Stringifier to change the PostCSS AST into an elm-css file. I'll try to take a stab at it tonight
from elm-css.
Any progress on this @colinwahl?
I'd like to see something like HTML to Elm for CSS, because I feel sometimes that I'm wasting too much time converting existing CSS snippets to Elm code 🙂
If you don't have time, I also could try it, because I'm interested in getting some experience of working with ASTs. The biggest concern is that every single time there is new functionality / breaking changes in elm-css, the converter would be out of date. Do you have any ideas how to tackle that problem?
from elm-css.
I have sass-to-elm here -> https://github.com/eeue56/sass-to-elm
but I haven't touched it in a while
from elm-css.
Sass-to-elm has a webfrontend :)
from elm-css.
Does something like this exist for SCSS to Elm-CSS? Or plain CSS to Elm-CSS has that been created?
from elm-css.
Ah SASS will compile SCSS it seems
from elm-css.
following
from elm-css.
I'm gonna close this for now. If anyone wants to start work on a project like this, please open a new issue!
from elm-css.
Just to note, I did some work on a tool for this a while back though it is unpolished and we haven't used it much ourselves: https://github.com/Zaptic/css-to-elm-css
I might be doing so soon though.
from elm-css.
Related Issues (20)
- `Css.important` on `Css.batch` output only applies to last Css.Style
- Empty style node emitted if no styles HOT 1
- Cannot use elm-css with lamdera HOT 1
- Runtime type error when using CSS in an SVG element's attributes HOT 6
- Hash Collisions: FNV vs Murmur3 HOT 1
- `<span> > <style>` wrapping in elm-css 17 has unexpected side effect inside grid container HOT 3
- Different behavior for multiple`css` attributes between root of tree and children HOT 1
- Extra gap when using (display: flex) and (justify-content: space-between) HOT 3
- Css classes not rendering correctly
- 17.0.4 generated class name is not added when there's also a set class name HOT 15
- Elm HTML's non-optimized XSS warning bypassed by elm-css
- CSP nonce support (to be able to protect against XSS attacks) HOT 5
- Safari animations HOT 2
- Duplicate inline styles?
- Error in documentation? HOT 1
- Alternative Stylesheets
- Support for flex box gap HOT 1
- Class names are not escaped
- Rename `generalSiblings`
- Add animation timing function
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 elm-css.