From baf204ef455a5c3f02d0df28414866c8e28fd682 Mon Sep 17 00:00:00 2001 From: akinocccc Date: Mon, 29 May 2023 20:46:43 +0800 Subject: [PATCH] fix(layouts): [links] fix the border of link item not displayed --- source/css/_page/links.styl | 15 +++------------ 1 file changed, 3 insertions(+), 12 deletions(-) diff --git a/source/css/_page/links.styl b/source/css/_page/links.styl index 6748027..23a25cf 100644 --- a/source/css/_page/links.styl +++ b/source/css/_page/links.styl @@ -22,22 +22,13 @@ .friend-link-item overflow: hidden position: relative - border: 1px solid $grey-lighter + border: 1px solid get-css-var("color", "secondary-fixed") border-radius: $border-radius-base transition: all 1s cursor: pointer &:hover - background-color: rgba(0, 0, 0, 0.5) + background-color: rgba(0, 0, 0, 0.3) border-color: transparent - // &::before - // content: '' - // position: absolute - // left: -50% - // top: -50% - // width: 200% - // height: 200% - // background: conic-gradient(transparent, rgba(168, 239, 255, 1), transparent 30%) - // animation: rotate 4s linear infinite &::before &::after content: '' @@ -46,7 +37,7 @@ left: 0 right: 0 bottom: 0 - border: 2px solid $grey-lighter + border: 2px solid get-css-var("color", "secondary-20") &::before animation: clippath 3s infinite linear &::after