d0zingcat/nextjs-notion-starter-kit
1
0
Fork 0
mirror of https://github.com/d0zingcat/nextjs-notion-starter-kit.git synced 2026-05-13 23:16:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: spice up links a bit

Browse Source
This commit is contained in:
Travis Fischer
2022-04-09 08:57:44 -04:00
parent a596826531
commit e5cb8ab661
1 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
styles/notion.css
View File

@@ -217,13 +217,33 @@
position: relative;
transition: unset;
opacity: 1;
border-bottom-width: 0.08rem;
}
.notion-link:focus,
.notion-link:hover {
border-width: 0;
border-bottom-width: 3px;
border-image: linear-gradient(90.68deg, #b439df 0.26%, #e5337e 102.37%);
border-image-slice: 1;
border-bottom-style: none;
}
.notion-link:focus::after,
.notion-link:hover::after {
visibility: visible;
width: 100%;
left: 0;
}
.notion-link::after {
content: '';
position: absolute;
bottom: -0.1rem;
left: 50%;
width: 0;
height: 0.1rem;
transform: scaleX(1);
transition-property: width, left;
transition-duration: 300ms;
visibility: hidden;
background: linear-gradient(90.68deg, #b439df 0.26%, #e5337e 102.37%);
}
.notion-red_background,