2019-06-08 17:20:51 +02:00
|
|
|
/*
|
|
|
|
* Basic styles for silverstripe-elemental
|
|
|
|
*/
|
2020-04-11 15:25:41 +02:00
|
|
|
.blog-post-info {
|
2020-06-18 01:28:16 +02:00
|
|
|
position: relative;
|
2020-04-11 15:25:41 +02:00
|
|
|
}
|
2019-06-08 17:20:51 +02:00
|
|
|
|
|
|
|
// add top/bottom paddings for basic elements
|
2019-10-22 10:29:26 +02:00
|
|
|
.element {
|
2020-06-18 01:28:16 +02:00
|
|
|
position: relative;
|
2021-02-20 07:00:59 +01:00
|
|
|
|
|
|
|
margin-top: $element-spacer-y;
|
|
|
|
margin-bottom: $element-spacer-y;
|
|
|
|
padding-top: $element-spacer-y;
|
|
|
|
padding-bottom: $element-spacer-y;
|
|
|
|
|
2020-06-18 01:28:16 +02:00
|
|
|
&:first-child {
|
2021-02-20 07:00:59 +01:00
|
|
|
margin-top: 0;
|
2020-06-18 01:28:16 +02:00
|
|
|
}
|
|
|
|
&:last-child {
|
2021-02-20 07:00:59 +01:00
|
|
|
margin-bottom: 0;
|
2020-06-18 01:28:16 +02:00
|
|
|
}
|
2019-12-12 15:35:25 +01:00
|
|
|
|
2020-06-18 01:28:16 +02:00
|
|
|
// Sidebar-like elements
|
|
|
|
&.secondary {
|
2021-02-20 07:00:59 +01:00
|
|
|
padding-top: ($element-reduced-spacer-y);
|
|
|
|
padding-bottom: ($element-reduced-spacer-y);
|
2020-06-18 01:28:16 +02:00
|
|
|
}
|
2021-02-20 07:00:59 +01:00
|
|
|
}
|
2020-01-04 16:33:24 +01:00
|
|
|
|
2021-02-20 07:00:59 +01:00
|
|
|
// remove paddings of the slideshow
|
|
|
|
.dynamic__elements__image__elements__elementimage,
|
|
|
|
.site__elements__sliderelement {
|
|
|
|
padding-top: 0;
|
|
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
// remove paddings for elemental list cuz inner elements will have paddings
|
|
|
|
.dnadesign__elementallist__model__elementlist {
|
|
|
|
.element {
|
|
|
|
padding-top: $element-reduced-spacer-y;
|
|
|
|
padding-bottom: $element-reduced-spacer-y;
|
|
|
|
margin-top: $element-reduced-spacer-y;
|
|
|
|
margin-bottom: $element-reduced-spacer-y;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.site__elements__accordion {
|
|
|
|
> .element-container > .accordion {
|
|
|
|
margin-top: $element-reduced-spacer-y;
|
|
|
|
//padding-top: $element-reduced-spacer-y;
|
2020-06-18 01:28:16 +02:00
|
|
|
}
|
2019-12-12 15:35:25 +01:00
|
|
|
}
|
|
|
|
|
2019-12-29 06:42:02 +01:00
|
|
|
.elements-sm,
|
2020-01-14 23:47:40 +01:00
|
|
|
.page-content-sidebar {
|
2020-06-18 01:28:16 +02:00
|
|
|
// Sidebar elements
|
|
|
|
.element {
|
2021-02-20 07:00:59 +01:00
|
|
|
padding-top: ($element-reduced-spacer-y);
|
|
|
|
padding-bottom: ($element-reduced-spacer-y);
|
2020-06-18 01:28:16 +02:00
|
|
|
&:first-child {
|
|
|
|
padding-top: 0;
|
|
|
|
}
|
|
|
|
&:last-child {
|
|
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
}
|
2019-06-08 17:20:51 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// remove container paddings for the slideshow
|
|
|
|
.dynamic__elements__image__elements__elementimage,
|
|
|
|
.site__elements__sliderelement {
|
2020-06-18 01:28:16 +02:00
|
|
|
.container-fluid {
|
|
|
|
padding-left: 0;
|
|
|
|
padding-right: 0;
|
|
|
|
}
|
2019-06-08 17:20:51 +02:00
|
|
|
}
|
2020-04-11 15:25:41 +02:00
|
|
|
|
2021-02-20 07:00:59 +01:00
|
|
|
// hide default page title cuz elemental object will be used to display titles
|
|
|
|
.page-header-element {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.page-header-element:not(.d-block) + .element {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
// remove containers for child elements
|
2020-04-11 15:25:41 +02:00
|
|
|
.element {
|
2020-06-18 01:28:16 +02:00
|
|
|
.elemental-area {
|
|
|
|
.element {
|
|
|
|
.container,
|
|
|
|
.container-fluid {
|
|
|
|
padding: 0;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-04-11 15:25:41 +02:00
|
|
|
}
|