Designer News
Where the design community meets.
Monza UX Engineer Joined about 3 years ago
It should use <figure>
and <figcaption>
Because, it explain my first comment that you still not understand. We can close this sub-thread :D
My PR with the clearfix
fixes is now merged. https://atomiks.github.io/30-seconds-of-css/#clearfix
The clearfix is an hack (not the floating) used when you use float to make a layout. In the linked project the floating is used to put divs one beside each other (as the demo shows and why i said is an obsolete way to make layouts) and this is not what it was intended for.
Floating elements does not need any clearfix because is behavior is to be floated inside the inline content flow. Check this example of the "original" floating behavior:
The clearfix is now considered an hack and the floating divs is an obsolete method to make layouts since we have a full supported flex layout module and grid layout module. BTW nice project, it needs just some updates :)
UDPATE: It should show the original floating scope, floating elements inside the inline content flow. Like this
What about just nesting media:
.element { background-color: pink; @include mw(small) { background-color: red; } }
A bit old.. but thank you.
Nice article! Thank you
Hi, nice article. To define a theme using css custom properties you must decouple inside variables from ones exposed to avoid issues related to the variables names. Take a look at this article about defining CSS API and handle themes correctly :)
https://medium.com/@equinusocio/how-to-define-css-api-f96a4e01bf57
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Interesting. I did not know him.
Btw, this is a personal project made for fun, not a work project for clients.