File Manager

X7ROOT File Manager

Current Path: /home/notabjze/narcev.com/templates/cassiopeia/scss/blocks

home / notabjze / narcev.com / templates / cassiopeia / scss / blocks /

ðŸ“ ..
ðŸ“„ _alerts.scss(262 B)
ðŸ“„ _back-to-top.scss(688 B)
ðŸ“„ _banner.scss(924 B)
ðŸ“„ _css-grid.scss(2.27 KB)
ðŸ“„ _footer.scss(757 B)
ðŸ“„ _form.scss(1.86 KB)
ðŸ“„ _frontend-edit.scss(305 B)
ðŸ“„ _global.scss(4.56 KB)
ðŸ“„ _header.scss(4.11 KB)
ðŸ“„ _icons.scss(1.36 KB)
ðŸ“„ _iframe.scss(69 B)
ðŸ“„ _layout.scss(1.86 KB)
ðŸ“„ _legacy.scss(85 B)
ðŸ“„ _modals.scss(559 B)
ðŸ“„ _modifiers.scss(5.18 KB)
ðŸ“„ _tags.scss(162 B)
ðŸ“„ _toolbar.scss(3.32 KB)
ðŸ“„ _utilities.scss(398 B)

Editing: _css-grid.scss

// CSS Grid

body {
  display: flex;
  flex-direction: column;

&.wrapper-fluid {

.site-grid {
      grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 25%)) [main-end] minmax(0, 1fr) [full-end];
      grid-gap: 0 ($cassiopeia-grid-gutter*2);
    }

.grid-child {
      max-width: none;
    }

header > .grid-child,
    footer > .grid-child {
      padding-right: $cassiopeia-grid-gutter*2;
      padding-left: $cassiopeia-grid-gutter*2;
    }
  }

&:not(.has-sidebar-left) .site-grid .container-component {
    grid-column-start: main-start;
  }

&:not(.has-sidebar-right) .site-grid .container-component {
    grid-column-end: main-end;
  }
}

.site-grid {
  margin-bottom: auto;
}

@supports (display: grid) {
  .site-grid {
    display: grid;
    grid-template-areas: ". banner banner banner banner ."
      ". top-a top-a top-a top-a ."
      ". top-b top-b top-b top-b ."
      ". comp comp comp comp ."
      ". side-r side-r side-r side-r ."
      ". side-l side-l side-l side-l ."
      ". bot-a bot-a bot-a bot-a ."
      ". bot-b bot-b bot-b bot-b .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 $cassiopeia-grid-gutter;

> [class^="container-"],
    > [class*=" container-"] {
      width: 100%;
      max-width: none;
      column-gap: $cassiopeia-grid-gutter;
    }

> .full-width {
      grid-column: full-start / full-end;
    }

@include media-breakpoint-up(md) {
      grid-template-areas: ". banner banner banner banner ."
        ". top-a top-a top-a top-a ."
        ". top-b top-b top-b top-b ."
        ". side-l comp comp side-r ."
        ". bot-a bot-a bot-a bot-a ."
        ". bot-b bot-b bot-b bot-b .";
    }
  }
}

.container-banner {
  grid-area: banner;
}

.container-top-a {
  grid-area: top-a;
}

.container-top-b {
  grid-area: top-b;
}

.container-component {
  grid-area: comp;
}

.container-sidebar-left {
  grid-area: side-l;
}

.container-sidebar-right {
  grid-area: side-r;
}

.container-main-top {
  grid-area: main-t;
}

.container-main-bottom {
  grid-area: main-b;
}

.container-breadcrumbs {
  grid-area: bread;
}

.container-bottom-a {
  grid-area: bot-a;
}

.container-bottom-b {
  grid-area: bot-b;
}

X7ROOT File Manager

Editing: _css-grid.scss

Upload File

Create Folder