@inkline/inkline/components/ILayout/css/index.css

Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.

/**
 * Layout
 */
.layout {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.layout,
.layout .layout,
.layout .layout-aside,
.layout .layout-header,
.layout .layout-content,
.layout .layout-footer {
  box-sizing: border-box;
}
.layout.-vertical {
  flex-direction: row;
  height: 100%;
}
.layout.-vertical > .layout,
.layout.-vertical > .container {
  overflow-x: hidden;
}
.layout > .container {
  flex: auto;
}