Merge pull request #12287 from nextcloud/backport/12286/stable30

[stable30] fix(developer): Rename invalid css variables

Author: susnux

developer_manual/html_css_design/css.rst

@@ -186,9 +186,9 @@ Element structure variables
 +----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
 | ``--default-grid-baseline``                  | ``4px``                                        | Foundation of all spacing sizes used on Nextcloud which are multiples of the baseline size                |
 +----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
-| ``--border-width-element``                   | ``1px``                                        | Border width for interactive elements such as text fields and selects                                     |
+| ``--border-width-input``                     | ``1px``                                        | Border width for interactive elements such as text fields and selects                                     |
 +----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
-| ``--border-width-element-focused``           | ``2px``                                        | Border width for interactive elements when focussed (adjusted for accessibility)                          |
+| ``--border-width-input-focused``             | ``2px``                                        | Border width for interactive elements when focussed (adjusted for accessibility)                          |
 +----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+
 | ``--border-radius-small``                    | ``4px``                                        | Border radius used for smaller elements                                                                   |
 +----------------------------------------------+------------------------------------------------+-----------------------------------------------------------------------------------------------------------+