Merge pull request #345 from travisk-codes/344-spotlight-underline

Prevent spotlight link underlines from extending past text
This commit is contained in:
Jean-Philippe Sirois
2020-09-16 20:50:26 -04:00
committed by GitHub
+1 -2
View File
@@ -5,15 +5,14 @@ import styled from "styled-components"
export const PageLink = styled(Link)`
display: block;
padding: 4px 0 0;
margin-bottom: 4px;
color: ${(props) => props.theme.sidebar.foreground};
align-self: flex-start;
text-decoration: none;
border-bottom: 2px solid transparent;
&:hover {
border-color: ${(props) =>
transparentize(0.7, props.theme.sidebar.foreground)};
text-decoration: underline;
}
& + & {