Mathis/allianceauth
1
0
Fork 0
mirror of https://gitlab.com/allianceauth/allianceauth.git synced 2025-07-09 12:30:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

[ADD] Callout boxes

Browse Source 
Not quite alerts, but custom and helpful notes for folks. Requires a base and modifier class.
This commit is contained in:
Peter Pfeufer 2023-10-24 11:05:15 +02:00
parent e9ea09bc56
commit 2e2afd7923
No known key found for this signature in database
GPG Key ID: 6051D2C6AD4EBC27
1 changed files with 45 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
allianceauth/static/allianceauth/css/auth-framework.css
View File

@ -1,6 +1,10 @@
/* BS 5 Additions /**
* Alliance Auth CSS Framework
*
* This provides some CSS classes to be used throughout Alliance Auth and its Community Apps
*/
Helpful CSS classes that are missing in BS5 /* Cursor classes
------------------------------------------------------------------------------------- */ ------------------------------------------------------------------------------------- */
@media all { @media all {
.cursor-auto { .cursor-auto {
@ -47,3 +51,42 @@ Helpful CSS classes that are missing in BS5
cursor: zoom-out; cursor: zoom-out;
} }
} }
/* Callouts
*
* Not quite alerts, but custom and helpful notes for folks.
* Requires a base and modifier class.
------------------------------------------------------------------------------------- */
@media all {
/* Common styles for all types */
.aa-callout {
border: 1px solid var(--bs-border-color);
border-left-width: 0.25rem;
border-radius: 0.25rem;
margin-bottom: 1.25rem;
margin-top: 1.25rem;
padding: 1.25rem;
}
/* Last item bottom margin should be 0 */
.aa-callout :last-child {
margin-bottom: 0;
}
/* Variations */
.aa-callout-danger {
border-left-color: var(--bs-danger);
}
.aa-callout-info {
border-left-color: var(--bs-info);
}
.aa-callout-success {
border-left-color: var(--bs-success);
}
.aa-callout-warning {
border-left-color: var(--bs-warning);
}
}