docs: improve styles follow zeit's design

This commit is contained in:
unix
2020-03-27 09:08:11 +08:00
parent bbbb1f1b6c
commit b72d082d44
2 changed files with 5 additions and 6 deletions

View File

@@ -88,9 +88,9 @@ const CSSBaseline: React.FC<React.PropsWithChildren<{}>> = React.memo(({
}
ul, ol {
padding: 0 0 0 10px;
padding: 0;
list-style-type: none;
margin: 1rem 0 1rem 0.9375rem;
margin: ${theme.layout.gapHalf} ${theme.layout.gapHalf} ${theme.layout.gapHalf} ${theme.layout.gap};
color: ${theme.palette.foreground};
}

View File

@@ -59,15 +59,14 @@ const SideItem: React.FC<React.PropsWithChildren<SideItemProps>> = React.memo(({
.link :global(a) {
color: ${theme.palette.accents_7};
font-size: .9rem;
font-size: 1rem;
padding: 0 ${theme.layout.gapQuarter};
transition: color 200ms ease;
transition: all 200ms ease;
}
.link :global(a.active) {
color: ${theme.palette.background};
color: ${theme.palette.success};
font-weight: bold;
background-color: ${theme.palette.accents_7};
}
.children {