Actually apply style correctly

This commit is contained in:
mathias 2019-07-26 01:32:54 +03:00
parent 8eaed6b8d8
commit fd6c7d0573

View file

@ -216,15 +216,15 @@ header h1 {
padding: 0; padding: 0;
} }
.news li:nth-child(even) { .news ~ li:nth-child(even) {
animation: left-in-delayed .7s; animation: left-in-delayed .7s;
} }
.news li:nth-child(odd) { .news ~ li:nth-child(odd) {
animation: right-in-delayed .7s; animation: right-in-delayed .7s;
} }
.news li { .news ~ li {
background: $accentcolor; background: $accentcolor;
border-radius: .375em; border-radius: .375em;
box-shadow: 0 2px 1px rgba(0, 0, 0, .04); box-shadow: 0 2px 1px rgba(0, 0, 0, .04);
@ -237,7 +237,7 @@ header h1 {
text-shadow: none; text-shadow: none;
} }
.news li:after { .news ~ li:after {
content: ''; content: '';
position: absolute; position: absolute;
top: 50%; top: 50%;
@ -245,14 +245,14 @@ header h1 {
margin-top: -.625em; margin-top: -.625em;
} }
.news li:nth-child(even):after { .news ~ li:nth-child(even):after {
left: 0; left: 0;
border-right-color: $accentcolor; border-right-color: $accentcolor;
border-left: 0; border-left: 0;
margin-left: -.5em; margin-left: -.5em;
} }
.news li:nth-child(odd):after { .news ~ li:nth-child(odd):after {
right: 0; right: 0;
border-left-color: $accentcolor; border-left-color: $accentcolor;
border-right: 0; border-right: 0;