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