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; |
+} |