add fact box block
This commit is contained in:
39
web/src/components/blocks/factBoxBlock.module.scss
Normal file
39
web/src/components/blocks/factBoxBlock.module.scss
Normal file
@ -0,0 +1,39 @@
|
||||
.factBox {
|
||||
/* TODO: default fact box color if none is chosen
|
||||
background: var(--color-background-secondary);
|
||||
*/
|
||||
|
||||
&[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 {
|
||||
|
||||
}
|
Reference in New Issue
Block a user