webpack-bootstrap-ui-kit/src/scss/elements/grid.scss

45 lines
718 B
SCSS
Raw Normal View History

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