Global CSS Styles (src/global-css.ts)

chakra-ui · ui, UI / Frontend, global-css, css-variables, design-system, styling, panda

Defines global CSS variables and base styles for the design system, including ring utilities and default font settings.

// Source: https://github.com/mperkins0155/chakra-ui | License: MIT | Copyright 2019 Chakra Systems Inc
// Provided via justclaw.it.com; keep this notice with the code.
import { defineGlobalStyles } from "./def"

export const globalCss = defineGlobalStyles({
  "*": {
    fontFeatureSettings: '"cv11"',
    "--ring-inset": "var(--empty, )",
    "--ring-offset-width": "0px",
    "--ring-offset-color": "#fff",
    "--ring-color": "rgba(66, 153, 225, 0.6)",
    "--ring-offset-shadow": "0 0 #0000",
    "--ring-shadow": "0 0 #0000",
    "--brightness": "var(--empty, )",
    "--contrast": "var(--empty, )",
    "--grayscale": "var(--empty, )",
    "--hue-rotate": "var(--empty, )",
    "--invert": "var(--empty, )",
    "--saturate": "var(--empty, )",
    "--sepia": "var(--empty, )",
    "--drop-shad

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search 40K more like it.

Get a free API key