diff --git a/_includes/style.scss b/_includes/style.scss index ad62cf5..e4a3630 100644 --- a/_includes/style.scss +++ b/_includes/style.scss @@ -126,6 +126,11 @@ p { margin: 1em 0 1.5em; } +li { + line-height: 1.625; + text-align: left; +} + #col1, #col2 { display: table-cell; @@ -216,20 +221,21 @@ header h1 { padding: 0; } -.news ~ li:nth-child(even) { +.news > li:nth-child(even) { animation: left-in-delayed .7s; } -.news ~ li:nth-child(odd) { +.news > li:nth-child(odd) { animation: right-in-delayed .7s; } -.news ~ li { +.news > li { background: $accentcolor; border-radius: .375em; box-shadow: 0 2px 1px rgba(0, 0, 0, .04); color: $lightcolor; font-size: .938em; + line-height: 0; margin: 0 0 1.125em 0; padding: .75em 1em; position: relative; @@ -237,7 +243,7 @@ header h1 { text-shadow: none; } -.news ~ li:after { +.news > li:after { content: ''; position: absolute; top: 50%; @@ -245,14 +251,14 @@ header h1 { margin-top: -.625em; } -.news ~ li:nth-child(even):after { +.news > li:nth-child(even):after { left: 0; border-right-color: $accentcolor; border-left: 0; margin-left: -.5em; } -.news ~ li:nth-child(odd):after { +.news > li:nth-child(odd):after { right: 0; border-left-color: $accentcolor; border-right: 0;