Fixed group block style
This commit is contained in:
parent
11cd9641e0
commit
a3afe6ca15
|
@ -48,6 +48,12 @@
|
||||||
max-width: 2em;
|
max-width: 2em;
|
||||||
vertical-align: text-bottom;
|
vertical-align: text-bottom;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:global(.floor--group) &:not(:last-child) {
|
||||||
|
border-bottom: 1px solid;
|
||||||
|
margin-bottom: 2.6rem;
|
||||||
|
padding-bottom: 1.4rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shoutCardWithBorder {
|
.shoutCardWithBorder {
|
||||||
|
@ -62,6 +68,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.shoutCardTitlesContainer {
|
.shoutCardTitlesContainer {
|
||||||
|
.shoutCardCompact & {
|
||||||
|
margin-bottom: 0.3em;
|
||||||
|
}
|
||||||
|
|
||||||
&.shoutCardTitlesContainerFeedMode {
|
&.shoutCardTitlesContainerFeedMode {
|
||||||
margin-bottom: 1.4rem;
|
margin-bottom: 1.4rem;
|
||||||
}
|
}
|
||||||
|
|
|
@ -35,6 +35,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.floor--group {
|
.floor--group {
|
||||||
|
background: #e8e5f0;
|
||||||
|
padding: 4rem 0 3rem;
|
||||||
|
|
||||||
@include media-breakpoint-down(sm) {
|
@include media-breakpoint-down(sm) {
|
||||||
.col-lg-12 {
|
.col-lg-12 {
|
||||||
.row {
|
.row {
|
||||||
|
|
|
@ -14,7 +14,7 @@ interface GroupProps {
|
||||||
export default (props: GroupProps) => {
|
export default (props: GroupProps) => {
|
||||||
if (!props.articles) props.articles = []
|
if (!props.articles) props.articles = []
|
||||||
return (
|
return (
|
||||||
<div class="floor floor--important floor--group">
|
<div class="floor floor--group">
|
||||||
<Show when={props.articles.length > 4}>
|
<Show when={props.articles.length > 4}>
|
||||||
<div class="wide-container">
|
<div class="wide-container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
@ -26,7 +26,6 @@ export default (props: GroupProps) => {
|
||||||
settings={{
|
settings={{
|
||||||
nosubtitle: false,
|
nosubtitle: false,
|
||||||
noicon: true,
|
noicon: true,
|
||||||
isFloorImportant: true,
|
|
||||||
isBigTitle: true,
|
isBigTitle: true,
|
||||||
nodate: true,
|
nodate: true,
|
||||||
}}
|
}}
|
||||||
|
@ -62,7 +61,6 @@ export default (props: GroupProps) => {
|
||||||
noimage: true,
|
noimage: true,
|
||||||
isBigTitle: true,
|
isBigTitle: true,
|
||||||
isCompact: true,
|
isCompact: true,
|
||||||
isFloorImportant: true,
|
|
||||||
nodate: true,
|
nodate: true,
|
||||||
}}
|
}}
|
||||||
desktopCoverSize="XS"
|
desktopCoverSize="XS"
|
||||||
|
@ -80,7 +78,6 @@ export default (props: GroupProps) => {
|
||||||
noimage: true,
|
noimage: true,
|
||||||
isBigTitle: true,
|
isBigTitle: true,
|
||||||
isCompact: true,
|
isCompact: true,
|
||||||
isFloorImportant: true,
|
|
||||||
nodate: true,
|
nodate: true,
|
||||||
}}
|
}}
|
||||||
desktopCoverSize="XS"
|
desktopCoverSize="XS"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user