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

[ADD] Documentation

Browse Source
This commit is contained in:
Peter Pfeufer 2023-10-24 11:25:52 +02:00
parent 2e2afd7923
commit f0a402e141
No known key found for this signature in database
GPG Key ID: 6051D2C6AD4EBC27
2 changed files with 42 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/_static/images/development/css-framework/callout-boxes.jpg vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

42
docs/development/custom/css-framework.md Normal file
View File

@ -0,0 +1,42 @@
# CSS Framework
To establish a unified style language throughout Alliance Auth and Community Apps,
Alliance Auth is providing its own CSS framework with a couple of CSS classes.
## Callout-Boxes
These are similar to the Bootstrap alert/notification boxes, but not as "loud".
Callout-boxes need a base-class (`.aa-callout`) and a modifier-class (e.g.:
`.aa-callout-info` for an info-box). Modifier classes are available for the usual
Bootstrap alert levels "Success", "Info", "Warning" and "Danger".
![Alliance Auth Framework: Callout Boxes](/_static/images/development/callout-boxes.jpg "Alliance Auth Framework: Callout Boxes")
### HTML
```html
<div class="aa-callout aa-callout-success">
<p>
This iy a success callout-box.
</p>
</div>
<div class="aa-callout aa-callout-info">
<p>
This iy a info callout-box.
</p>
</div>
<div class="aa-callout aa-callout-warning">
<p>
This iy a warning callout-box.
</p>
</div>
<div class="aa-callout aa-callout-danger">
<p>
This iy a danger callout-box.
</p>
</div>
```