webpack-bootstrap-ui-kit/src/scss/_components/_ui.elemental.scss

65 lines
1.8 KiB
SCSS
Raw Normal View History

2019-06-08 17:20:51 +02:00
/*
* Basic styles for silverstripe-elemental
*/
// add top/bottom paddings for basic elements
2019-10-22 10:29:26 +02:00
.element {
2019-06-08 17:20:51 +02:00
position: relative;
2020-01-14 23:47:40 +01:00
padding-top: $grid-gutter-element-height;
padding-bottom: $grid-gutter-element-height;
2019-06-08 17:20:51 +02:00
// remove paddings of the slideshow
&.dynamic__elements__image__elements__elementimage,
&.site__elements__sliderelement {
2020-01-14 23:47:40 +01:00
padding-top: 0;
padding-bottom: 0;
2020-01-19 21:47:28 +01:00
margin-bottom: $grid-gutter-element-height;
2019-06-08 17:20:51 +02:00
}
2019-11-07 17:38:51 +01:00
// remove paddings for elemental list cuz inner elements will have paddings
&.dnadesign__elementallist__model__elementlist {
padding-top: 0;
padding-bottom: 0;
.dynamic__elements__image__elements__elementimage,
.site__elements__sliderelement {
padding-top: $grid-gutter-element-height;
padding-bottom: $grid-gutter-element-height;
}
}
2019-12-12 15:35:25 +01:00
2019-12-17 18:05:46 +01:00
// Sidebar-like elements
2019-12-12 15:53:17 +01:00
&.secondary {
2020-01-14 23:47:40 +01:00
padding-top: ($grid-gutter-element-height / 2);
padding-bottom: ($grid-gutter-element-height / 2);
2019-12-12 15:35:25 +01:00
}
2020-01-04 16:33:24 +01:00
// hide default page title cuz elemental object will be used to display titles
&.page-header-element {
display: none;
padding-bottom: 0;
margin-bottom: -$grid-gutter-element-height;
}
2019-12-12 15:35:25 +01:00
}
.elements-sm,
2020-01-14 23:47:40 +01:00
.page-content-sidebar {
padding-top: ($grid-gutter-element-height / 2);
padding-bottom: ($grid-gutter-element-height / 2);
2019-12-17 18:05:46 +01:00
// Sidebar elements
.element {
2020-01-14 23:47:40 +01:00
padding-top: ($grid-gutter-element-height / 2);
padding-bottom: ($grid-gutter-element-height / 2);
2019-12-17 18:05:46 +01:00
}
2019-06-08 17:20:51 +02:00
}
// remove container paddings for the slideshow
.dynamic__elements__image__elements__elementimage,
.site__elements__sliderelement {
.container-fluid {
2020-01-14 23:47:40 +01:00
padding-left: 0;
padding-right: 0;
2019-06-08 17:20:51 +02:00
}
}