Set CSS for Bootstrap's accordion.

This commit is contained in:
2024-05-05 05:06:31 +01:00
parent 73a066ac15
commit 6915741c71

View File

@@ -743,4 +743,34 @@ kbd {
background: linear-gradient(0deg, black, darkmagenta);
color: deepskyblue;
}
}
.accordion-button {
background-color: #333333;
font-weight: 800;
color: #e18fdc;
}
.accordion-item {
background-color: #333333;
border: 1px solid #222222;
color: white;
}
.accordion-button:hover {
color: darkred;
}
.accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e18fdc'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed) {
background-color: #e18fdc;
box-shadow: inset 0 calc(-1 * 1px) 0 #222222;
color: darkred;
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='darkred'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}