$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;
font-family: "ForkAwesome";
content:$symbol;
padding-right: $lineheight_rel / 4;
@mixin list-color($color) {
color: $color;
ul.card-list, .card > ul {
padding:0;
margin:0;
line-height:$lineheight_rel / 2;
padding: $lineheight_rel / 4, $lineheight_rel / 4, $lineheight_rel / 4, $lineheight_rel / 2;