ant-design/.dumi/theme/common/styles/NProgress.tsx
MadCcc d04756c983
docs: add heading link (#39388)
* docs: add heading link

* refactor: global styles
2022-12-08 12:14:18 +08:00

28 lines
651 B
TypeScript

import { css, Global } from '@emotion/react';
import React from 'react';
import useSiteToken from '../../../hooks/useSiteToken';
export default () => {
const { token } = useSiteToken();
return (
<Global
styles={css`
#nprogress {
.bar {
background: ${token.colorPrimary};
}
.peg {
box-shadow: 0 0 10px ${token.colorPrimary}, 0 0 5px ${token.colorPrimary};
}
.spinner-icon {
border-top-color: ${token.colorPrimary};
border-left-color: ${token.colorPrimary};
}
}
`}
/>
);
};