diff --git a/sass/_proposal_detail.scss b/sass/_proposal_detail.scss index f14eff8..7bcc1e8 100644 --- a/sass/_proposal_detail.scss +++ b/sass/_proposal_detail.scss @@ -86,87 +86,88 @@ } } } - .results-container { - &:before { - content:""; - display:table; - clear:both; - } - .results-content { - border: 1px solid #00a9bd; - margin-top: 20px; - .vote-result { - font-weight: bolder; - font-size: 12px; - text-transform: uppercase; - color: gray; - border: none; - margin: 10px; - border-radius: 6px; - text-align: center; - text-decoration: none; - padding: 9px; - display: block; - float: right; - } - } - table { - clear: both; - margin-top: 20px; - tbody tr:nth-child(odd) { - background-color: #e5e5e5; - } - .abstract-text { - width: 80%; - } - .votes-for { - width: 10%; - text-align: center; - } - .votes-against { - @extend .votes-for; - } - .score { - @extend .votes-for; - } - .header { - line-height: 32px; - font-weight: bold; - text-align: center; - color: rgb(68, 68, 68); - .votes-for { - background-image: url(./images/result-like.png); - background-repeat: no-repeat; - display: inline-block; - background-position: center; - } - .votes-against { - background-image: url(./images/result-dislike.png); + @each $category, $color in $categories { + .#{$category}{ + .results-container { + &:before { + content:""; + display:table; + clear:both; } - .score { - background-image: none; + .results-content { + border: 1px solid $color; + margin-top: 20px; + .vote-result { + font-weight: bolder; + font-size: 12px; + text-transform: uppercase; + color: gray; + border: none; + margin: 10px; + border-radius: 6px; + text-align: center; + text-decoration: none; + padding: 9px; + display: block; + float: right; + } } - } + table { + clear: both; + margin-top: 20px; + tbody tr:nth-child(odd) { + background-color: #e5e5e5; + } - .truncate { - display: table; - table-layout: fixed; - width: 100%; - } - .truncated { - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - tr { - color: rgb(77, 77, 77); + .abstract-text { + width: 80%; + } + .votes-for { + width: 10%; + text-align: center; + } + .votes-against { + @extend .votes-for; + } + .score { + @extend .votes-for; + } + .header { + line-height: 32px; + font-weight: bold; + text-align: center; + color: rgb(68, 68, 68); + .votes-for { + background-image: url(./images/result-like.png); + background-repeat: no-repeat; + display: inline-block; + background-position: center; + } + .votes-against { + background-image: url(./images/result-dislike.png); + } + .score { + background-image: none; + } + } + + .truncate { + display: table; + table-layout: fixed; + width: 100%; + } + .truncated { + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + tr { + color: rgb(77, 77, 77); + } + } } - } - } - @each $category, $color in $categories { - .#{$category}{ .proposal-header { .title { background: $color; @@ -408,7 +409,6 @@ } } } - } li{ background-color: $color; -- libgit2 0.21.2