Mathis/allianceauth
1
0
Fork 0
mirror of https://gitlab.com/allianceauth/allianceauth.git synced 2025-07-09 20:40:17 +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, 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. 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 Our CSS framework provides different classes to manipulate the cursor, which are
missing in Bootstrap. missing in Bootstrap.
```{eval-rst} ```{eval-rst}
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ +----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| CSS Class | Effect | Example | | CSS Class | Effect | Example |
+======================+========================================================+==================================================================================================================================================+ +======================+========================================================+===========================================================================================================+
| `cursor-default` | System default curser | ![Cursor: Default](/_static/images/development/aa-framework/css/cursor-default.png "Cursor: Default") | | `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 | ![Cursor: Pointer](/_static/images/development/aa-framework/css/cursor-pointer.png "Cursor: Pointer") | | `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 | ![Cursor: Wait](/_static/images/development/aa-framework/css/cursor-wait.png "Cursor: Wait") | | `cursor-wait` | Wait animation | <img src="/_static/images/development/aa-framework/css/cursor-wait.png" alt="Cursor: Wait"> |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ +----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| `cursor-text` | Text selection cursor | ![Cursor: Text](/_static/images/development/aa-framework/css/cursor-text.png "Cursor: Text") | | `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 | ![Cursor: Move](/_static/images/development/aa-framework/css/cursor-move.png "Cursor: Move") | | `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 | ![Cursor: Help](/_static/images/development/aa-framework/css/cursor-help.png "Cursor: Help") | | `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 | ![Cursor: Not Allowed](/_static/images/development/aa-framework/css/cursor-not-allowed.png "Cursor: Not Allowed") | | `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-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-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 | ![Cursor: Zoom Out](/_static/images/development/aa-framework/css/cursor-zoom-out "Cursor: Zoom Out") | | `cursor-zoom-out` | Zoom out symbol | <img src="/_static/images/development/aa-framework/css/cursor-zoom-out.png" alt="Cursor: Zoom Out"> |
+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ +----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
``` ```
## Callout-Boxes ## Callout-Boxes