60 lines
1.1 KiB
SCSS
60 lines
1.1 KiB
SCSS
|
$card-bigpad: $lineheight_rel * 1.25;
|
||
|
|
$card-smallpad: $lineheight_rel / 4;
|
||
|
|
|
||
|
|
.card {
|
||
|
|
@include panel($card-bigpad);
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
color: $color-font;
|
||
|
|
|
||
|
|
&-body {
|
||
|
|
padding: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
&-header {
|
||
|
|
@include panel-header($card-bigpad);
|
||
|
|
|
||
|
|
.icon {
|
||
|
|
margin-right: 0.25em;
|
||
|
|
}
|
||
|
|
|
||
|
|
font-family: $basefont;
|
||
|
|
color: var(--text-color-contrast);
|
||
|
|
|
||
|
|
&::before {
|
||
|
|
background-color: var(--accent-color);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin list-symbol($symbol) {
|
||
|
|
li.list-element {
|
||
|
|
list-style: none;
|
||
|
|
|
||
|
|
&::before {
|
||
|
|
font-family: "ForkAwesome";
|
||
|
|
content: $symbol;
|
||
|
|
padding-right: $lineheight_rel / 4;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin list-color($color) {
|
||
|
|
li.list-element {
|
||
|
|
&::before {
|
||
|
|
color: $color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.card-list,
|
||
|
|
.card>ul {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
|
||
|
|
li.list-element {
|
||
|
|
line-height: $lineheight_rel / 2;
|
||
|
|
padding: $lineheight_rel / 4, $lineheight_rel / 4, $lineheight_rel / 4, $lineheight_rel / 2;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
}
|