globals.css — react Source File

Architecture documentation for globals.css, a css file in the react codebase. 0 imports, 1 dependents.

File css BabelCompiler 1 dependents

Entity Profile

BabelCompiler→ globals.css — react Source File

Dependency Diagram

graph LR
  48da8596_6175_3a55_9331_73b04ac077af["globals.css"]
  34496400_fd7f_beaa_cb3f_410f76e05d48["layout.tsx"]
  34496400_fd7f_beaa_cb3f_410f76e05d48 --> 48da8596_6175_3a55_9331_73b04ac077af
  style 48da8596_6175_3a55_9331_73b04ac077af fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  @font-face {
    font-family: "Source Code Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/Source-Code-Pro-Regular.woff2") format("woff2");
  }

  @font-face {
    font-family: "Optimistic Display";
    src: url("/fonts/Optimistic_Display_W_Lt.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Optimistic Display";
    src: url("/fonts/Optimistic_Display_W_Md.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Optimistic Display";
    src: url("/fonts/Optimistic_Display_W_Bd.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

  html,
  body {
    padding: 0;
    margin: 0;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  * {
    box-sizing: border-box;
  }
}

// ... (84 more lines)