bolt.new/packages/bolt/app/styles/index.scss

33 lines
748 B
SCSS

@import './variables.scss';
@import './animations.scss';
body {
--at-apply: bg-bolt-elements-app-backgroundColor;
font-family: 'Inter', sans-serif;
&:before {
--line: color-mix(in lch, canvasText, transparent 93%);
--size: 50px;
content: '';
height: 100vh;
mask: linear-gradient(-25deg, transparent 60%, white);
pointer-events: none;
position: fixed;
top: -8px;
transform-style: flat;
width: 100vw;
z-index: -1;
background:
linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size),
linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size);
}
}
html,
body {
height: 100%;
width: 100%;
}