webpack-bootstrap-ui-kit/src/scss/elements/grid.scss
2021-08-18 20:38:12 +02:00

45 lines
718 B
SCSS

.elemental-area {
display: flex;
flex-direction: column;
--bs-gutter-x: 0.75rem;
--bs-gutter-y: 0.5rem;
> .element {
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
}
}
.element {
position: relative;
margin-top: $element-spacer-y;
margin-bottom: $element-spacer-y;
padding-top: $element-spacer-y;
padding-bottom: $element-spacer-y;
// Sidebar-like elements
&.secondary {
padding-top: ($element-reduced-spacer-y);
padding-bottom: ($element-reduced-spacer-y);
}
}
// sub-elements
.element {
.elemental-area {
.element {
.container,
.container-fluid {
padding: 0;
width: auto;
}
}
}
}