Closed Zubrik closed 3 years ago
Hi,
I'm using the reset along with the CUBE CSS methodology. I have a container with a .flow class applied:
.flow
.flow > * + * { margin-top: 1rem; }
Inside this container there are several elements (h1, p, ul…). The top margins are applied correctly, so the vertical rhythm is correct:
h1, p, ul
<div class="flow"> <h1>Lorem</h1> <p>Ipsum</p> <ul>…</ul> </div>
However, if I add a ul which has a class, it doesn't respect the flow, because this rule in reset.css:
ul
body, h1, h2, h3, h4, p, ul[class], ol[class], figure, blockquote, dl, dd { margin: 0; }
This selector: ul[class] has a higher specificity than .flow > * + *, so the top margin isn't applied.
ul[class]
.flow > * + *
How would you tackle this situation? What do you think about changing ul[class] and ol[class] with just ul and ol?
ol[class]
ol
I'm thinking about changing this stuff altogether: #30
Resolved with #32
Hi,
I'm using the reset along with the CUBE CSS methodology. I have a container with a
.flow
class applied:Inside this container there are several elements (
h1, p, ul
…). The top margins are applied correctly, so the vertical rhythm is correct:However, if I add a
ul
which has a class, it doesn't respect the flow, because this rule in reset.css:This selector:
ul[class]
has a higher specificity than.flow > * + *
, so the top margin isn't applied.How would you tackle this situation? What do you think about changing
ul[class]
andol[class]
with justul
andol
?