feat: add styled footer items for cards

This commit is contained in:
2025-06-20 19:52:04 +02:00
parent 3f27564075
commit 7b8e3061d5
2 changed files with 24 additions and 5 deletions

View File

@@ -2,7 +2,7 @@ $primary: #6CD4FF;
$link: #292a2c;
$grey-light: #c4c6ce;
$grey-dark: #262728;
$confirm: hsl(133deg ,100%,calc(41% + 0%));
// Path to Bulma's sass folder
@use "bulma/sass" with (
@@ -99,6 +99,25 @@ p > a {
}
// Button in card footer
.card-footer {
overflow: hidden;
}
.card-footer .card-footer-item.is-confirm {
background-color: $confirm;
}
.card-footer .card-footer-item.is-confirm:hover {
filter: brightness(0.9);
}
.card-footer .card-footer-item.is-danger {
background-color: sass.$danger;
}
.card-footer .card-footer-item.is-danger:hover {
filter: brightness(0.9);
}
@font-face {
font-family: 'Nunito';
font-style: normal;