From fd4f6c449375f7f66f5e9f76737bfd4748412b1a Mon Sep 17 00:00:00 2001 From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= Date: Fri, 23 Sep 2016 12:28:20 +0200 Subject: [PATCH] Fix the links style in yellow blocks --- app/static/src/sass/modules/_page.scss | 30 ++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/app/static/src/sass/modules/_page.scss b/app/static/src/sass/modules/_page.scss index 0b52dd4d..3ed891b0 100644 --- a/app/static/src/sass/modules/_page.scss +++ b/app/static/src/sass/modules/_page.scss @@ -93,6 +93,36 @@ $module: ".page"; @include margin-top(2); } + a:not(.button) { + + position: relative; + z-index: 1; + text-decoration: none; + @include transition(all 0.15s ease-in-out); + + &:after { + @include transition(all 0.15s ease-in-out); + content: ""; + display: block; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 1px; + background: $color-black; + z-index: -1; + } + + &:hover { + color: $color-main; + &:after { + bottom: 0; + background: $color-black; + height: 100%; + } + } + } + } &--black { -- 2.39.5