From b6a958490f6a540d4a7d5a25b4ea5460c62e5a92 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= Date: Thu, 29 Sep 2016 10:26:15 +0200 Subject: [PATCH] Fix the links style --- app/static/src/sass/global/_typography.scss | 26 ++++++++++----------- app/static/src/sass/modules/_page.scss | 22 +++++++++-------- 2 files changed, 24 insertions(+), 24 deletions(-) diff --git a/app/static/src/sass/global/_typography.scss b/app/static/src/sass/global/_typography.scss index dbfcec59..da42348f 100755 --- a/app/static/src/sass/global/_typography.scss +++ b/app/static/src/sass/global/_typography.scss @@ -72,8 +72,14 @@ main p, main ul.unstyled-list { position: relative; z-index: 1; text-decoration: none; + border-bottom: 1px solid $color-main; + @include transition(all 0.15s ease-in-out); - &:after { + &:hover { + box-shadow: inset 0 -30px $color-main; + } + + /*&:after { @include transition(all 0.15s ease-in-out); content: ""; display: block; @@ -92,7 +98,7 @@ main p, main ul.unstyled-list { background: $color-main; height: 100%; } - } + }*/ } } @@ -101,19 +107,11 @@ h3 { position: relative; z-index: 1; - text-decoration: none; + border-bottom: 1px solid $color-main; + @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-main; - z-index: -1; + &:hover { + box-shadow: inset 0 -30px $color-main; } } diff --git a/app/static/src/sass/modules/_page.scss b/app/static/src/sass/modules/_page.scss index 1613e6bd..ef8e85f6 100644 --- a/app/static/src/sass/modules/_page.scss +++ b/app/static/src/sass/modules/_page.scss @@ -97,12 +97,13 @@ $module: ".page"; position: relative; z-index: 1; - text-decoration: underline; - @include transition(all 0.15s ease-in-out); + text-decoration: none; + border-color: $color-black; - &:after { - display: none; - } + &:hover { + box-shadow: none; + color: $color-black; + } } @@ -121,12 +122,13 @@ $module: ".page"; color: white; position: relative; z-index: 1; - text-decoration: underline; - @include transition(all 0.15s ease-in-out); + text-decoration: none; + border-color: $color-main; - &:after { - display: none; - } + &:hover { + box-shadow: none; + color: $color-main; + } } -- 2.39.5