style.scss

@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;
}