changed from dl in footer to ul
This commit is contained in:
parent
3ba3fafff8
commit
1d4f30652e
25
style.css
25
style.css
|
@ -62,31 +62,34 @@ article section {
|
||||||
grid-area: content;
|
grid-area: content;
|
||||||
}
|
}
|
||||||
|
|
||||||
article footer {
|
article > footer {
|
||||||
grid-area: footer;
|
grid-area: footer;
|
||||||
background: #282c37;
|
background: #282c37;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article > footer > ul {
|
||||||
article footer dl {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"replies-icon replies favs-icon favs boosts-icon boosts";
|
"replies favs boosts";
|
||||||
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
gap:0em;
|
gap:0em;
|
||||||
}
|
}
|
||||||
|
|
||||||
article footer dl > .replies {
|
article > footer > ul > li {
|
||||||
grid-area: replies;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
article footer dl > .favs {
|
article > footer > ul > li.replies {
|
||||||
|
grid-area: replies;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
article > footer > ul > li.favs {
|
||||||
grid-area: favs;
|
grid-area: favs;
|
||||||
}
|
}
|
||||||
|
|
||||||
article footer dl > . boosts {
|
article > footer > ul > li.boosts {
|
||||||
grid-area: boosts;
|
grid-area: boosts;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue