styled.js 580 B

123456789101112131415161718192021222324252627282930
  1. /* eslint-disable consistent-return */
  2. import { createGlobalStyle } from 'styled-components';
  3. export const GlobalStyle = createGlobalStyle`
  4. html, body {
  5. margin: 0;
  6. background-color: #c8c8c8;
  7. height: 100%;
  8. font-size: 14px;
  9. }
  10. div {
  11. box-sizing: border-box;
  12. }
  13. &:lang(en) {
  14. font-family: 'Open Sans', sans-serif;
  15. }
  16. &:lang(zh-tw) {
  17. font-family: 'Noto Sans TC', sans-serif;
  18. }
  19. &:lang(zh-cn) {
  20. font-family: 'Noto Sans SC', sans-serif;
  21. }
  22. &:lang(ja) {
  23. font-family: 'Noto Sans JP', sans-serif;
  24. }
  25. `;
  26. export default GlobalStyle;