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

[CHANGE] Try to use img tags instead of MD

Browse Source
This commit is contained in:
Peter Pfeufer 2023-12-18 00:22:44 +01:00
parent f55008559e
commit d3a3810456
No known key found for this signature in database
GPG Key ID: 6051D2C6AD4EBC27
1 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
docs/development/custom/framework/css.md
View File

@ -3,35 +3,35 @@
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.
## Cursor
## Cursors
Our CSS framework provides different classes to manipulate the cursor, which are
missing in Bootstrap.
```{eval-rst}
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+
+----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| CSS Class | Effect | Example |
+======================+========================================================+==================================================================================================================================================+
| `cursor-default` | System default curser | ![Cursor: Default](/_static/images/development/aa-framework/css/cursor-default.png "Cursor: Default") |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+
| `cursor-pointer` | Pointer, like it looks like for links and form buttons | ![Cursor: Pointer](/_static/images/development/aa-framework/css/cursor-pointer.png "Cursor: Pointer") |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+
| `cursor-wait` | Wait animation | ![Cursor: Wait](/_static/images/development/aa-framework/css/cursor-wait.png "Cursor: Wait") |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+
| `cursor-text` | Text selection cursor | ![Cursor: Text](/_static/images/development/aa-framework/css/cursor-text.png "Cursor: Text") |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+
| `cursor-move` | 4-arrow-shaped cursor | ![Cursor: Move](/_static/images/development/aa-framework/css/cursor-move.png "Cursor: Move") |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+
| `cursor-help` | Cursor with a little question mark | ![Cursor: Help](/_static/images/development/aa-framework/css/cursor-help.png "Cursor: Help") |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+
| `cursor-not-allowed` | Not Allowed sign | ![Cursor: Not Allowed](/_static/images/development/aa-framework/css/cursor-not-allowed.png "Cursor: Not Allowed") |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+
+======================+========================================================+===========================================================================================================+
| `cursor-default` | System default curser | <img src="/_static/images/development/aa-framework/css/cursor-default.png" alt="Cursor: Default"> |
+----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| `cursor-pointer` | Pointer, like it looks like for links and form buttons | <img src="/_static/images/development/aa-framework/css/cursor-pointer.png" alt="Cursor: Pointer"> |
+----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| `cursor-wait` | Wait animation | <img src="/_static/images/development/aa-framework/css/cursor-wait.png" alt="Cursor: Wait"> |
+----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| `cursor-text` | Text selection cursor | <img src="/_static/images/development/aa-framework/css/cursor-text.png" alt="Cursor: Text"> |
+----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| `cursor-move` | 4-arrow-shaped cursor | <img src="/_static/images/development/aa-framework/css/cursor-move.png" alt="Cursor: Move"> |
+----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| `cursor-help` | Cursor with a little question mark | <img src="/_static/images/development/aa-framework/css/cursor-help.png" alt="Cursor: Help"> |
+----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| `cursor-not-allowed` | Not Allowed sign | <img src="/_static/images/development/aa-framework/css/cursor-not-allowed.png" alt="Cursor: Not Allowed"> |
+----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| `cursor-inherit` | Inherited from its parent element | |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+
| `cursor-zoom-in` | Zoom in symbol | ![Cursor: Zoom In](/_static/images/development/aa-framework/css/cursor-zoom-in.png "Cursor: Zoom In") |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+
| `cursor-zoom-out` | Zoom out symbol | ![Cursor: Zoom Out](/_static/images/development/aa-framework/css/cursor-zoom-out "Cursor: Zoom Out") |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+
+----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| `cursor-zoom-in` | Zoom in symbol | <img src="/_static/images/development/aa-framework/css/cursor-zoom-in.png" alt="Cursor: Zoom In"> |
+----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| `cursor-zoom-out` | Zoom out symbol | <img src="/_static/images/development/aa-framework/css/cursor-zoom-out.png" alt="Cursor: Zoom Out"> |
+----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
```
## Callout-Boxes