|
|
|
|
|
|
|
|
import { createGlobalStyle } from 'styled-components'; |
|
|
import { createGlobalStyle } from 'styled-components'; |
|
|
import OpenSans from "./fonts/OpenSans-Regular.ttf" |
|
|
|
|
|
import Poppins from "./fonts/Poppins-Regular.ttf" |
|
|
|
|
|
import Mulish from "./fonts/Mulish-Regular.ttf" |
|
|
|
|
|
|
|
|
// import OpenSans from "./fonts/OpenSans-Regular.ttf" |
|
|
|
|
|
// import Poppins from "./fonts/Poppins-Regular.ttf" |
|
|
|
|
|
// import Mulish from "./fonts/Mulish-Regular.ttf" |
|
|
import { BaseStyle } from './base'; |
|
|
import { BaseStyle } from './base'; |
|
|
import { ResetStyle } from './reset'; |
|
|
import { ResetStyle } from './reset'; |
|
|
import { LayoutStyle } from './layout'; |
|
|
import { LayoutStyle } from './layout'; |
|
|
import { customClasses } from './customClasses'; |
|
|
import { customClasses } from './customClasses'; |
|
|
const GlobalStyle = createGlobalStyle` |
|
|
const GlobalStyle = createGlobalStyle` |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@font-face { |
|
|
|
|
|
font-family: 'Open Sans'; |
|
|
|
|
|
src: url(${OpenSans}) format('truetype'); |
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
font-style: normal; |
|
|
|
|
|
font-display: auto; |
|
|
|
|
|
} |
|
|
|
|
|
@font-face { |
|
|
|
|
|
font-family: 'Poppins'; |
|
|
|
|
|
src: url(${Poppins}) format('truetype'); |
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
font-style: normal; |
|
|
|
|
|
font-display: auto; |
|
|
|
|
|
} |
|
|
|
|
|
@font-face { |
|
|
|
|
|
font-family: "Mulish"; |
|
|
|
|
|
src: url(${Mulish}) format('truetype'); |
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
font-style: normal; |
|
|
|
|
|
font-display: auto; |
|
|
|
|
|
} } |
|
|
|
|
|
|
|
|
|
|
|
${ResetStyle} |
|
|
${ResetStyle} |
|
|
${BaseStyle} |
|
|
${BaseStyle} |
|
|
${LayoutStyle} |
|
|
${LayoutStyle} |
|
|
${customClasses} |
|
|
${customClasses} |
|
|
`; |
|
|
`; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// @font-face { |
|
|
|
|
|
// font-family: 'Open Sans'; |
|
|
|
|
|
// src: url("Open Sans") format('truetype'); |
|
|
|
|
|
// font-weight: 400; |
|
|
|
|
|
// font-style: normal; |
|
|
|
|
|
// font-display: auto; |
|
|
|
|
|
// } |
|
|
|
|
|
// @font-face { |
|
|
|
|
|
// font-family: 'Poppins'; |
|
|
|
|
|
// src: url(Poppins) format('truetype'); |
|
|
|
|
|
// font-weight: 400; |
|
|
|
|
|
// font-style: normal; |
|
|
|
|
|
// font-display: auto; |
|
|
|
|
|
// } |
|
|
|
|
|
// @font-face { |
|
|
|
|
|
// font-family: "Mulish"; |
|
|
|
|
|
// src: url(${Mulish}) format('truetype'); |
|
|
|
|
|
// font-weight: 400; |
|
|
|
|
|
// font-style: normal; |
|
|
|
|
|
// font-display: auto; |
|
|
|
|
|
// } } |
|
|
|
|
|
|
|
|
export default GlobalStyle; |
|
|
export default GlobalStyle; |