43 lines
846 B
SCSS
43 lines
846 B
SCSS
|
// Widget layout styles
|
||
|
|
// ----------------------------------------------
|
||
|
|
|
||
|
|
.CDB-Widget-contentSpaced {
|
||
|
|
@include display-flex();
|
||
|
|
@include justify-content(space-between, justify);
|
||
|
|
@include align-items(center);
|
||
|
|
}
|
||
|
|
|
||
|
|
.CDB-Widget-contentSpaced--sideMargins {
|
||
|
|
margin-right: $sMargin-section;
|
||
|
|
margin-left: $sMargin-section;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CDB-Widget-contentSpaced--topAligned {
|
||
|
|
@include align-items(flex-start);
|
||
|
|
}
|
||
|
|
|
||
|
|
.CDB-Widget-contentSpaced--start {
|
||
|
|
@include justify-content(flex-start, start);
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CDB-Widget-contentSpaced--end {
|
||
|
|
@include justify-content(flex-end);
|
||
|
|
}
|
||
|
|
|
||
|
|
.CDB-Widget-contentFlex {
|
||
|
|
@include display-flex();
|
||
|
|
@include align-items(center);
|
||
|
|
}
|
||
|
|
|
||
|
|
.CDB-Widget-contentFull {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: $sMedia-l) {
|
||
|
|
.CDB-Widget-contentSpaced--sideMargins {
|
||
|
|
margin-right: 12px;
|
||
|
|
margin-left: 12px;
|
||
|
|
}
|
||
|
|
}
|