mirror of
https://github.com/zhigang1992/react.git
synced 2026-04-22 19:48:49 +08:00
docs: improve styles follow zeit's design
This commit is contained in:
@@ -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};
|
||||
}
|
||||
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user