diff --git a/docs/development/custom/framework/css.md b/docs/development/custom/framework/css.md index 2fc09a60..4bab6003 100644 --- a/docs/development/custom/framework/css.md +++ b/docs/development/custom/framework/css.md @@ -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-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") | -+----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ ++----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ +| CSS Class | Effect | Example | ++======================+========================================================+===========================================================================================================+ +| `cursor-default` | System default curser | Cursor: Default | ++----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ +| `cursor-pointer` | Pointer, like it looks like for links and form buttons | Cursor: Pointer | ++----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ +| `cursor-wait` | Wait animation | Cursor: Wait | ++----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ +| `cursor-text` | Text selection cursor | Cursor: Text | ++----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ +| `cursor-move` | 4-arrow-shaped cursor | Cursor: Move | ++----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ +| `cursor-help` | Cursor with a little question mark | Cursor: Help | ++----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ +| `cursor-not-allowed` | Not Allowed sign | Cursor: Not Allowed | ++----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ +| `cursor-inherit` | Inherited from its parent element | | ++----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ +| `cursor-zoom-in` | Zoom in symbol | Cursor: Zoom In | ++----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ +| `cursor-zoom-out` | Zoom out symbol | Cursor: Zoom Out | ++----------------------+--------------------------------------------------------+-----------------------------------------------------------------------------------------------------------+ ``` ## Callout-Boxes