From: Jérémy Fabre Date: Tue, 26 Jul 2016 14:31:43 +0000 (+0200) Subject: Refactor pattern-bg css class X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=5d05aaa01caf8248ad6ec76dd0c3c51c835533ed;p=mezzo.git Refactor pattern-bg css class --- diff --git a/app/static/src/sass/modules/_pattern.scss b/app/static/src/sass/modules/_pattern.scss index a3a67f7f..a843c130 100644 --- a/app/static/src/sass/modules/_pattern.scss +++ b/app/static/src/sass/modules/_pattern.scss @@ -2,23 +2,44 @@ $module: ".pattern"; #{$module}-bg { - background-repeat: repeat; - background-position: top left; + position: relative; + + &:after { + content: ""; + background-repeat: repeat; + background-position: top left; + opacity: 0.2; + top: 0; + left: 0; + bottom: 0; + right: 0; + position: absolute; + z-index: -1; + } + &--circles { - background-image: url(../img/patterns/circles.png); + &:after { + background-image: url(../img/patterns/circles.png); + } } &--squares { - background-image: url(../img/patterns/squares.png); + &:after { + background-image: url(../img/patterns/squares.png); + } } &--stripes { - background-image: url(../img/patterns/stripes.png); + &:after { + background-image: url(../img/patterns/stripes.png); + } } &--triangles { - background-image: url(../img/patterns/triangles.png); + &:after { + background-image: url(../img/patterns/triangles.png); + } } }