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