Skip to content

Commit

Permalink
Merge pull request #11966 from nextcloud/dev/body-container-vars
Browse files Browse the repository at this point in the history 
fix(developer): Add information about `body-container-` CSS variables
  • Loading branch information
@marcoambrosini
marcoambrosini authored Jul 16, 2024
2 parents 1cba645 + db85569 commit ffc3bc2
Showing 1 changed file with 4 additions and 2 deletions.
6 changes: 4 additions & 2 deletions developer_manual/html_css_design/css.rst
View file
Original file line number Diff line number Diff line change
Expand Up @@ -206,9 +206,11 @@ Element structure variables
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| ``--clickable-area-small`` | ``24px`` | Smallest possible size of interactive elements, used by tertiary actions like filter chips |
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| ``--header-height`` | ``50px`` | Height of the main app navigation bar |
| ``--body-container-radius`` | ``calc(var(--default-grid-baseline) * 3)`` | Border radius of the body container |
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| ``--body-container-margin`` | ``calc(var(--default-grid-baseline) * 2)`` | Margin of the body container |
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| ``--header-menu-item-height`` | ``44px`` | Height of entries in the main app navigation bar |
| ``--header-height`` | ``50px`` | Height of the main app navigation bar |
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
| ``--navigation-width`` | ``300px`` | Width of the in-app navigation sidebar |
+----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
Expand Down

0 comments on commit ffc3bc2

Please sign in to comment.