tonyair
/
webpack-bootstrap-ui-kit
mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

IMPR: elemental list

This commit is contained in:
Tony Air 2020-06-18 06:28:16 +07:00
parent 6c9325f661
commit 56b21ae7c6
1 changed files with 64 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
src/scss/_components/_ui.elemental.scss
View File

@ -2,84 +2,88 @@
* Basic styles for silverstripe-elemental
*/
.blog-post-info {
position: relative;
position: relative;
}
// add top/bottom paddings for basic elements
.element {
position: relative;
padding-top: $grid-gutter-element-height;
padding-bottom: $grid-gutter-element-height;
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
}
// remove paddings of the slideshow
&.dynamic__elements__image__elements__elementimage,
&.site__elements__sliderelement {
padding-top: 0;
padding-bottom: 0;
margin-bottom: $grid-gutter-element-height;
}
position: relative;
padding-top: $grid-gutter-element-height;
padding-bottom: $grid-gutter-element-height;
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
}
// remove paddings of the slideshow
&.dynamic__elements__image__elements__elementimage,
&.site__elements__sliderelement {
padding-top: 0;
padding-bottom: 0;
margin-bottom: $grid-gutter-element-height;
}
// remove paddings for elemental list cuz inner elements will have paddings
&.dnadesign__elementallist__model__elementlist {
padding-top: 0;
padding-bottom: 0;
// 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;
}
}
.element {
padding-top: $grid-gutter-element-height;
padding-bottom: $grid-gutter-element-height;
}
.dynamic__elements__image__elements__elementimage,
.site__elements__sliderelement {
padding-top: $grid-gutter-element-height;
padding-bottom: $grid-gutter-element-height;
}
}
// Sidebar-like elements
&.secondary {
padding-top: ($grid-gutter-element-height / 2);
padding-bottom: ($grid-gutter-element-height / 2);
}
// Sidebar-like elements
&.secondary {
padding-top: ($grid-gutter-element-height / 2);
padding-bottom: ($grid-gutter-element-height / 2);
}
// hide default page title cuz elemental object will be used to display titles
&.page-header-element {
display: none;
}
// hide default page title cuz elemental object will be used to display titles
&.page-header-element {
display: none;
}
}
.elements-sm,
.page-content-sidebar {
// Sidebar elements
.element {
padding-top: ($grid-gutter-element-height / 2);
padding-bottom: ($grid-gutter-element-height / 2);
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
}
}
// Sidebar elements
.element {
padding-top: ($grid-gutter-element-height / 2);
padding-bottom: ($grid-gutter-element-height / 2);
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
}
}
}
// remove container paddings for the slideshow
.dynamic__elements__image__elements__elementimage,
.site__elements__sliderelement {
.container-fluid {
padding-left: 0;
padding-right: 0;
}
.container-fluid {
padding-left: 0;
padding-right: 0;
}
}
.element {
.elemental-area {
.element {
.container,
.container-fluid {
padding: 0;
width: auto;
}
}
}
.elemental-area {
.element {
.container,
.container-fluid {
padding: 0;
width: auto;
}
}
}
}