Show HN: Mimic – class-fied inline CSS • Hacker News Board

Show HN: Mimic – class-fied inline CSS

#1

Post by peterchon » Tue, Sep 08, 2015, 5:47 AM UTC

Show HN: Mimic – class-fied inline CSS
peterchon.github.io

Re: Show HN: Mimic – class-fied inline CSS

#2

Post by elaus » Tue, Sep 08, 2015, 9:30 AM UTC

Could you please elaborate a bit more on how a class "padding:10" is better than just adding an inline style "padding:10px"?

Re: Show HN: Mimic – class-fied inline CSS

#3

Post by bobwaycott » Tue, Sep 08, 2015, 9:40 AM UTC

So, basically this is just meant to feel better about using the `class` attr instead of using the `style` attr. Oh, and spaces instead of semicolons?

Re: Show HN: Mimic – class-fied inline CSS

#4

Post by dr_faustus » Tue, Sep 08, 2015, 9:42 AM UTC

Brilliant!

Re: Show HN: Mimic – class-fied inline CSS

#5

Post by inaccessible » Tue, Sep 08, 2015, 9:46 AM UTC

So now I don't have to use inline styles, just spam my css file with margin:0-100 and padding:0-100 classes, and I'm good to go?

Re: Show HN: Mimic – class-fied inline CSS

#6

Post by joe5150 » Tue, Sep 08, 2015, 9:47 AM UTC

This doesn't result in very readable markup or have any of the benefits of actual inline CSS, so I don't really see the need here.

Re: Show HN: Mimic – class-fied inline CSS

#7

Post by zamalek » Tue, Sep 08, 2015, 9:54 AM UTC

elaus wrote: post #2

Could you please elaborate a bit more on how a class "padding:10" is better than just adding an inline style "padding:10px"?

I'd presume because you can do browser-specific hacks/normalization with classes but not inline styles.

I don't really see the point of all of this, either, though. Maybe it's satire?

Re: Show HN: Mimic – class-fied inline CSS

#8

Post by grrowl » Tue, Sep 08, 2015, 10:05 AM UTC

zamalek wrote: post #7

elaus wrote: post #2

Could you please elaborate a bit more on how a class "padding:10" is better than just adding an inline style "padding:10px"?

I'd presume because you can do browser-specific hacks/normalization with classes but not inline styles. I don't really see the point of all of this, either, though. Maybe it's satire?

It must be effective satire, my blood boils with the possibility it's an honest attempt.

Re: Show HN: Mimic – class-fied inline CSS

#9

Post by bbx » Tue, Sep 08, 2015, 10:06 AM UTC

How do you handle advanced selectors? Or hover states? Or priority? Or inheritance?

There is a lot of reasons why separating content and styling is benefitial to both the designer and the developer. And why semantic classes, especially with tools like Sass where abstraction and reusability are key, allow to describe the content, not define its looks.

That's why we went from color="red" to style="color:red;" to class="red-text" to class="alert alert-red" to class="alert-danger".

Re: Show HN: Mimic – class-fied inline CSS

#10

Post by rafaqueque » Tue, Sep 08, 2015, 10:12 AM UTC

This is getting crazy.