What if we ditched CSS?

2 pointsrelfor10y ago6 comments

Clock: http://codepen.io/relfor/pen/eJZQab?editors=001

TodoMVC: http://codepen.io/relfor/full/VeaVNe/

Hello World: http://codepen.io/relfor/pen/bEpONL?editors=001

Drawer Menu: http://codepen.io/relfor/full/BjKvNm/

6 comments

MattBearman10y ago

While they're cool demos, you've definitely not ditched CSS, the markup is full of style attributes

relforOP10y ago

Hey, The CSS in markup is only for the TodoMVC demo. It contains styling of the placeholder psuedo selector, and inline styling of a link to override the default style of a link.

The other 3 demos do not have CSS.

5h10y ago

This is the number 11 from the clock

    <div style="position: absolute; display: block; visibility: inherit; margin: 0px; padding: 0px; backface-visibility: hidden; box-sizing: border-box; transform-style: preserve-3d; overflow: hidden; outline: none; border: none; font-size: 28.44px; font-family: sans-serif; color: black; text-decoration: none; text-align: left; direction: ltr; line-height: 1.4em; white-space: nowrap; -webkit-font-smoothing: antialiased; cursor: default; transform: translate(50.834px, 12.5738px); -webkit-user-select: none; height: 39.816px; width: 32px;">11</div>

Nope, no css here.

1 more reply

j / k navigate · click thread line to collapse