Bases CSS variables

Author: kepano

en/Reference/CSS variables/Editor/Bases.md

@@ -0,0 +1,62 @@
+---
+cssclasses: reference
+---
+This page lists CSS variables for [Bases](https://help.obsidian.md/bases). See also [[Properties]], [[Checkbox]], [[Text input]] and [[Multi-select]] for variables related to properties and input types.
+
+## CSS variables
+
+### Base container
+
+These variables apply to the entire Properties container.
+
+| Variable                        | Description                                              |
+| ------------------------------- | -------------------------------------------------------- |
+| `--bases-header-border-width`   | Width of border around the header area                   |
+| `--bases-header-height`         | Height of the base header area that contains the toolbar |
+| `--bases-header-padding-start`  | Start padding (left in [[Right-to-left\|LTR]] mode)      |
+| `--bases-header-padding-end`    | End padding (right in [[Right-to-left\|LTR]] mode)       |
+| `--bases-toolbar-label-display` | Display of toolbar button labels                         |
+| `--bases-toolbar-badge-display` | Display of toolbar number badges                         |
+| `--bases-embed-border-width`    | Border width around base view when embedded              |
+| `--bases-embed-border-color`    | Border color around base view when embedded              |
+| `--bases-embed-border-radius`   | Radius around base view when embedded                    |
+| `--bases-filter-menu-width`     | Width of the filter menu                                 |
+
+### Table view
+
+| Variable                                 |
+| ---------------------------------------- |
+| `--bases-table-container-border-width`   |
+| `--bases-table-container-border-radius`  |
+| `--bases-table-header-weight`            |
+| `--bases-table-header-color`             |
+| `--bases-table-header-icon-display`      |
+| `--bases-table-header-background`        |
+| `--bases-table-header-background-hover`  |
+| `--bases-table-header-sort-mask`         |
+| `--bases-table-border-color`             |
+| `--bases-table-column-border-width`      |
+| `--bases-table-row-border-width`         |
+| `--bases-table-row-background-hover`     |
+| `--bases-table-row-height`               |
+| `--bases-table-text-size`                |
+| `--bases-table-column-max-width`         |
+| `--bases-table-column-min-width`         |
+| `--bases-table-cell-radius-active`       |
+| `--bases-table-cell-shadow-active`       |
+| `--bases-table-cell-background-active`   |
+| `--bases-table-cell-background-disabled` |
+
+### Cards view
+
+| Variable                             |
+| ------------------------------------ |
+| `--bases-cards-container-background` |
+| `--bases-cards-background`           |
+| `--bases-cards-cover-background`     |
+| `--bases-cards-scale`                |
+| `--bases-cards-group-padding`        |
+| `--bases-cards-line-height`          |
+| `--bases-cards-border-width`         |
+| `--bases-cards-shadow`               |
+| `--bases-cards-shadow-hover`         |