This repository has been archived on 2024-04-03. You can view files and clone it, but cannot push or open issues or pull requests.
qdouze2-wordpress-theme/scss/components/_cards.scss

60 lines
1.1 KiB
SCSS
Raw Permalink Normal View History

2023-11-20 10:05:50 +01:00
$card-bigpad: $lineheight_rel * 1.25;
2023-05-02 11:51:10 +02:00
$card-smallpad: $lineheight_rel / 4;
2022-12-17 19:46:29 +01:00
2022-12-17 22:34:02 +01:00
.card {
@include panel($card-bigpad);
display: flex;
flex-direction: column;
2023-11-20 10:05:50 +01:00
color: $color-font;
2022-12-17 19:46:29 +01:00
&-body {
2023-11-20 10:05:50 +01:00
padding: 0 !important;
2022-12-17 19:46:29 +01:00
}
&-header {
2022-12-17 22:34:02 +01:00
@include panel-header($card-bigpad);
2023-11-20 10:05:50 +01:00
.icon {
margin-right: 0.25em;
2022-12-17 19:46:29 +01:00
}
2023-11-20 10:05:50 +01:00
font-family: $basefont;
color: var(--text-color-contrast);
2022-12-17 19:46:29 +01:00
2023-11-20 10:05:50 +01:00
&::before {
background-color: var(--accent-color);
}
}
}
2022-12-17 19:46:29 +01:00
@mixin list-symbol($symbol) {
li.list-element {
list-style: none;
2023-11-20 10:05:50 +01:00
2022-12-17 19:46:29 +01:00
&::before {
font-family: "ForkAwesome";
2023-11-20 10:05:50 +01:00
content: $symbol;
2023-05-02 11:51:10 +02:00
padding-right: $lineheight_rel / 4;
2022-12-17 19:46:29 +01:00
}
}
}
@mixin list-color($color) {
li.list-element {
&::before {
color: $color;
}
}
}
2023-11-20 10:05:50 +01:00
ul.card-list,
.card>ul {
padding: 0;
margin: 0;
2022-12-17 19:46:29 +01:00
li.list-element {
2023-11-20 10:05:50 +01:00
line-height: $lineheight_rel / 2;
2023-05-02 11:51:10 +02:00
padding: $lineheight_rel / 4, $lineheight_rel / 4, $lineheight_rel / 4, $lineheight_rel / 2;
2023-11-20 10:05:50 +01:00
margin: 0;
2022-12-17 19:46:29 +01:00
}
2023-11-20 10:05:50 +01:00
}