There's a new version of UIDS!

UIDS - UI Design System

There are no notes for this item.

Basic Page

Component Preview

Error rendering component

Error: Could not render component '@off-canvas' - component not found.

<!-- Error rendering component -->
<!-- Error: Could not render component '@off-canvas' - component not found. -->
<!-- Error: Error: Could not render component '@off-canvas' - component not found.
    at /home/runner/work/uids/uids/node_modules/@frctl/twig/src/adapter.js:160:24
    at new Promise (<anonymous>)
    at TwigAdapter.render (/home/runner/work/uids/uids/node_modules/@frctl/twig/src/adapter.js:144:16)
    at ComponentSource._renderVariant (/home/runner/work/uids/uids/node_modules/@frctl/fractal/src/api/components/source.js:212:30)
    at _renderVariant.next (<anonymous>)
    at onFulfilled (/home/runner/work/uids/uids/node_modules/co/index.js:65:19) -->
  • Content: 
    .page__container {
  margin: 0 1.25rem;
  position: relative; }
  @media (min-width: 84.375em) {
    .page__container {
      max-width: 81.875em;
      margin: 0 auto; } }
  .page__container--mixed {
    margin: 0 1.25rem;
    position: relative; }
    @media (min-width: 84.375em) {
      .page__container--mixed {
        max-width: 81.875em;
        margin: 0 auto; } }

@media (min-width: 768px) {
  .flex__wrapper {
    flex-wrap: wrap;
    display: flex; } }
  • URL: /components/raw/basic-page/basic-page.css
  • Filesystem Path: src/components/layouts/basic-page/basic-page.css
  • Size: 466 Bytes
  • Content: 
    @import '../../../assets/scss/variables';
@import '../../../assets/scss/utilities';

.page__container {
  @include container-width;;
  &--mixed {
    @include container-width;;
  }
}

.flex__wrapper {
  @include breakpoint(sm) {
    flex-wrap: wrap;
    @include flexbox;
  }
}
  • URL: /components/raw/basic-page/basic-page.scss
  • Filesystem Path: src/components/layouts/basic-page/basic-page.scss
  • Size: 278 Bytes