49 lines
1015 B
SCSS
49 lines
1015 B
SCSS
.factBoxWrapper {
|
|
max-width: var(--size-width-p);
|
|
margin: 0 auto var(--spacing-m);
|
|
}
|
|
|
|
.factBox {
|
|
background: var(--color-background-secondary);
|
|
margin: 0 calc(var(--spacing-s) * -1);
|
|
padding: var(--spacing-s);
|
|
font-size: var(--font-size-body);
|
|
|
|
&[data-background-color="betongGray"] {
|
|
background-color: var(--color-betongGray);
|
|
}
|
|
|
|
&[data-background-color="deepBrick"] {
|
|
background-color: var(--color-deepBrick);
|
|
}
|
|
|
|
&[data-background-color="neufPink"] {
|
|
background-color: var(--color-neufPink);
|
|
}
|
|
|
|
&[data-background-color="goldenOrange"] {
|
|
background-color: var(--color-goldenOrange);
|
|
color: var(--color-deepBrick);
|
|
}
|
|
|
|
&[data-background-color="goldenBeige"] {
|
|
background-color: var(--color-goldenBeige);
|
|
}
|
|
|
|
&[data-background-color="chateauBlue"] {
|
|
background-color: var(--color-chateauBlue);
|
|
color: var(--color-betongGray);
|
|
}
|
|
}
|
|
|
|
.factBoxHeader {
|
|
|
|
}
|
|
|
|
.factBoxContent {
|
|
ul,
|
|
ol {
|
|
margin: 1em auto 2em;
|
|
padding-left: var(--spacing-s);
|
|
}
|
|
} |