77 lines
1.4 KiB
SCSS
77 lines
1.4 KiB
SCSS
/*
|
|
* 2. Cards and containers
|
|
* All elements that are supposed to contain other stuff
|
|
*
|
|
*
|
|
*/
|
|
|
|
$card-bigpad: $lineheight;
|
|
$card-smallpad: $lineheight_half;
|
|
|
|
.card {
|
|
@include panel($card-bigpad);
|
|
display: flex;
|
|
flex-direction: column;
|
|
color:$color-font;
|
|
|
|
&-body {
|
|
padding:0!important;
|
|
}
|
|
|
|
&-header {
|
|
@include panel-header($card-bigpad);
|
|
.fa {
|
|
margin-right: 0.5em;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* CARD LIST - Make a list part of a card */
|
|
|
|
|
|
@mixin list-symbol($symbol) {
|
|
li.list-element {
|
|
list-style: none;
|
|
&::before {
|
|
font-family: "ForkAwesome";
|
|
content:$symbol;
|
|
padding-right:$lineheight_half;
|
|
}
|
|
}
|
|
}
|
|
|
|
@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;
|
|
padding-right:$lineheight_half;
|
|
padding-left:$lineheight_quarter;
|
|
padding-top:$lineheight_quarter;
|
|
padding-bottom:$lineheight_quarter;
|
|
margin:0;
|
|
}
|
|
}
|
|
|
|
.list {
|
|
&-check {@include list-symbol("\f00c");}
|
|
&-cross {@include list-symbol("\f00d");}
|
|
|
|
&-danger{@include list-color($color-danger);}
|
|
&-success{@include list-color($color-success);}
|
|
}
|
|
|
|
.smallcard {
|
|
&-header {
|
|
@include panel-header($card-bigpad);
|
|
}
|
|
}
|