blaze-react icon indicating copy to clipboard operation
blaze-react copied to clipboard

Update todomvc stylesheets

Open asayers opened this issue 10 years ago • 4 comments

todomvc now has a couple of npm packages for the css and assets. See here.

asayers avatar Mar 12 '15 15:03 asayers

Ideally we'd convert the CSS to Clay or something though. External stylesheets don't compose well.

asayers avatar Mar 12 '15 16:03 asayers

Or use inline styles ;) Am 12.03.2015 17:46 schrieb "Alex Sayers" [email protected]:

Ideally we'd convert the CSS to Clay or something though. External stylesheets don't compose well.

— Reply to this email directly or view it on GitHub https://github.com/meiersi/blaze-react/issues/20#issuecomment-78523178.

meiersi avatar Mar 12 '15 19:03 meiersi

In fact, I wonder if it would be a good idea to write a quasi-quoter which takes CSS and produces HashMaps:

style :: HMS.HashMap T.Text T.Text
style = [css|
    height: 20px;
    color: #ff0000;
|]

Then it would be simple to copy over the styling from projects such as TodoMVC.

asayers avatar Mar 17 '15 22:03 asayers

That's one option. The other is to just offer a tool 'css-to-haskell' that does the translation for you. It has the advantage that you can work without an additional language with weaker abstraction capabilities.

2015-03-17 23:43 GMT+01:00 Alex Sayers [email protected]:

In fact, I wonder if it would be a good idea to write a quasi-quoter which takes CSS and produces HashMaps:

style :: HMS.HashMap T.Text T.Text style = [css| height: 20px; color: #ff0000;|]

Then it would be simple to copy over the styling from projects such as TodoMVC.

— Reply to this email directly or view it on GitHub https://github.com/meiersi/blaze-react/issues/20#issuecomment-82630395.

meiersi avatar Mar 18 '15 08:03 meiersi