| Index: static/scss/layout/_body.scss |
| =================================================================== |
| --- a/static/scss/layout/_body.scss |
| +++ b/static/scss/layout/_body.scss |
| @@ -35,8 +35,39 @@ |
| { |
| margin-bottom: $lg; |
| @media (min-width: $phablet-breakpoint) |
| { |
| margin-bottom: $xl; |
| } |
| } |
| + |
| +.section-accent |
| +{ |
| + padding-top: $xl; |
| + padding-bottom: $xl; |
| + background-image: url("/img/png/accent-bg.png"); |
| + background-size: 100%; |
| + background-repeat: no-repeat; |
| + background-position: center 0; |
| +} |
| + |
| +.section-accent .horizontal-list li |
| +{ |
| + margin-right: $md; |
| + font-weight: $bold-weight; |
| + text-transform: uppercase; |
| +} |
| + |
| +[dir="rtl"] |
| +{ |
| + .section-accent .horizontal-list li |
| + { |
| + margin-right: 0; |
| + margin-left: $md; |
| + } |
| +} |
| + |
| +.container-sm |
| +{ |
| + width: $tablet-width; |
| +} |