• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• nlw06-letmeask-master
  • .github
  • src
    • App.tsx
    • services
      • firebase.ts
    • pages
      • NewRoom
        • index.tsx
      • Room
        • index.tsx
        • styles.ts
      • AdminRoom
        • index.tsx
        • styles.ts
      • NotFound
        • index.tsx
        • styles.ts
      • Home
        • index.tsx
      • Rooms
        • index.tsx
        • styles.ts
    • index.tsx
    • hooks
      • useAuth.ts
      • useRoom.ts
      • useTheme.ts
      • useRooms.ts
    • components
      • Input
        • index.tsx
        • styles.ts
      • RoomCode
        • index.tsx
        • styles.ts
      • Modal
        • index.tsx
        • styles.ts
      • RoomCard
        • index.tsx
        • styles.ts
      • Button
        • index.tsx
        • styles.ts
      • Card
        • index.tsx
        • styles.ts
      • Question
        • index.tsx
        • styles.ts
      • Header
        • index.tsx
        • styles.ts
      • Toast
        • index.tsx
        • styles.ts
      • Badge
        • index.tsx
        • styles.ts
      • Letmeask
        • index.tsx
        • styles.ts
      • ToggleTheme
        • index.tsx
        • styles.ts
      • NotFoundIcon
        • index.tsx
    • routers
      • index.tsx
    • contexts
      • AuthContext.tsx
      • ThemeContext.tsx
    • styles
      • authPages.ts
      • globalTheme.ts
      • styled.d.ts
      • theme.ts
      • modalBackground.ts
    • react-app-env.d.ts
    • assets
      • images
  • public
    • _redirects
    • index.html
  • .env.example
  • LICENSE
  • README.md
  • package.json
  • tsconfig.json
  • .gitignore

import { createGlobalStyle } from 'styled-components';

export const GlobalStyle = createGlobalStyle`
 *{
    margin:0;
    padding:0;
    box-sizing:border-box;
  }
  html{
    font-size:62.5%;
    scroll-behavior:smooth;
    background:${({ theme }) => theme.colors.bg.body}
  }
  body, input, button, textarea{
    font:400 ${({ theme }) => theme.font.sizes.md} ${({ theme }) => theme.font.secondary};
  }
`;