@use "sass:meta"; @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800;900&display=fallback'); @tailwind base; // If not commented breaks the classic theme @layer base { *, ::before, ::after { border-width: 0; border-style: solid; // border-color: theme('borderColor.DEFAULT', currentColor); } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } } @import 'additional/reset-docusaurus-default-style.scss'; @tailwind components; @import 'additional/utility-patterns.scss'; @import 'additional/theme.scss'; @tailwind utilities; html, body { overflow-x: hidden; scroll-behavior: smooth; } .alert a, .admonition, .admonition-icon svg { color: var(--ifm-font-color-base); fill: var(--ifm-font-color-base); stroke: var(--ifm-font-color-base); } .center { text-align: center; } img { color: red; /* color of alt text for images with invalid src url */ } /* FAQList styles */ .toc-inline { ul.table-of-contents, li { list-style: none; } } .faq-anchor { position: relative; top: -70px; } // import css-vars directly from mosaic theme @import '~@stoplight/mosaic/themes/default.css'; .json-schema-viewer { // load via meta-load in wrapper class, to prevent css leaking to rest of the site @include meta.load-css('../../node_modules/@stoplight/mosaic/styles.css'); } // custom navbar back-to-root link .navbar__items { position: relative; } .navbar__brand { margin-left: 0.3rem; } .fitko-navbar-icon--back { width: 18px; height: 18px; display: inline-flex; padding: 0; position: absolute; left: -14px; top: 13px; } .fitko-navbar-icon--back.hidden { display: none; }