cherry-styled-components/dist/utils/global.js

Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.

"use client";
"use client";
import { createGlobalStyle } from "styled-components";
//#region src/lib/utils/global.tsx
var GlobalStyles = (theme) => createGlobalStyle([
	`html,body{margin:0;padding:0;min-height:100%;scroll-behavior:smooth;background-color:`,
	`;}body{font-family:"Inter",sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}*{box-sizing:border-box;min-width:0;}pre,code,kbd,samp{font-family:monospace,monospace;}pre,code,kbd,samp,blockquote,p,a,h1,h2,h3,h4,h5,h6,ul li,ol li{margin:0;padding:0;color:`,
	`;}a{color:`,
	`;}ol,ul{list-style:none;margin:0;padding:0;}figure{margin:0;}fieldset{appearance:none;border:none;}button,input,a,img,svg,svg *{transition:all 0.3s ease;}strong,b{font-weight:700;}hr{margin:20px 0;border:none;border-bottom:1px solid `,
	`;}`
], theme.colors.light, theme.colors.dark, theme.isDark ? theme.colors.dark : theme.colors.primary, theme.colors.grayLight);
//#endregion
export { GlobalStyles };