@graphiql/react
Version:
[Changelog](https://github.com/graphql/graphiql/blob/main/packages/graphiql-react/CHANGELOG.md) | [API Docs](https://graphiql-test.netlify.app/typedoc/modules/graphiql_react.html) | [NPM](https://www.npmjs.com/package/@graphiql/react)
25 lines (20 loc) • 515 B
CSS
@import url('codemirror/addon/fold/foldgutter.css');
.CodeMirror-foldgutter {
width: var(--px-12);
}
.CodeMirror-foldmarker {
background-color: hsl(var(--color-info));
border-radius: var(--border-radius-4);
color: hsl(var(--color-base));
font-family: inherit;
margin: 0 var(--px-4);
padding: 0 var(--px-8);
text-shadow: none;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
color: hsla(var(--color-neutral), var(--alpha-tertiary));
&::after {
margin: 0 var(--px-2);
}
}