From 851a85c8b3c9cdf735ff83bbb46d76c78e5fa3bd Mon Sep 17 00:00:00 2001 From: Jan Faracik <43062514+janfaracik@users.noreply.github.com> Date: Mon, 17 Jan 2022 13:21:15 +0000 Subject: [PATCH] Update section.less --- war/src/main/less/modules/section.less | 23 +++++++++++++++++++---- 1 file changed, 19 insertions(+), 4 deletions(-) diff --git a/war/src/main/less/modules/section.less b/war/src/main/less/modules/section.less index 38fbaaf14582..a5307dfb1a8f 100644 --- a/war/src/main/less/modules/section.less +++ b/war/src/main/less/modules/section.less @@ -59,7 +59,8 @@ margin: 0; } - &::before { + &::before, + &::after { position: absolute; content: ""; top: -10px; @@ -68,12 +69,22 @@ right: -10px; z-index: -1; border-radius: 6px; + transition: var(--standard-transition); + opacity: 0; + } + + &::before { + background-color: var(--text-color); + } + + &::after { + box-shadow: 0 0 0 10px transparent; } &:hover, &:focus { &::before { - background-color: var(--btn-link-bg--hover); + opacity: 0.1; } } @@ -83,8 +94,12 @@ z-index: 1; &::before { - background: var(--btn-link-bg--active); - box-shadow: 0 0 0 2px var(--focus-btn-primary); + opacity: 0.15; + } + + &::after { + opacity: 0.075; + box-shadow: 0 0 0 5px var(--text-color); } }