style: remove border radius from buttons

gpbl · Jun 6, 2024 · 61c9eba · 61c9eba
1 parent 491a961
commit 61c9eba
Show file tree

Hide file tree

Showing 3 changed files with 0 additions and 5 deletions.
diff --git a/src/style.css b/src/style.css
@@ -27,7 +27,6 @@
   --rdp-month_caption-font: bold larger var(--rdp-font-family); /* The font of the month caption. */
   --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
 
-  --rdp-nav_button-border-radius: 100%; /* The border radius of the navigation buttons. */
   --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
   --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
   --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
@@ -119,7 +118,6 @@
   color: inherit;
   cursor: pointer;
 
-  border-radius: var(--rdp-nav_button-border-radius);
   width: var(--rdp-nav_button-width);
   height: var(--rdp-nav_button-height);
 }

diff --git a/src/style.module.css b/src/style.module.css
@@ -27,7 +27,6 @@
   --rdp-month_caption-font: bold larger var(--rdp-font-family); /* The font of the month caption. */
   --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
 
-  --rdp-nav_button-border-radius: 100%; /* The border radius of the navigation buttons. */
   --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
   --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
   --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
@@ -119,7 +118,6 @@
   color: inherit;
   cursor: pointer;
 
-  border-radius: var(--rdp-nav_button-border-radius);
   width: var(--rdp-nav_button-width);
   height: var(--rdp-nav_button-height);
 }

diff --git a/website/docs/using-daypicker/styling.mdx b/website/docs/using-daypicker/styling.mdx
@@ -69,7 +69,6 @@ The following table lists the CSS variables used by DayPicker:
 | `--rdp-dropdown-gap`                      | The gap between the dropdowns used in the month captions.                     |
 | `--rdp-month_caption-font`                | The font of the month caption.                                                |
 | `--rdp-months-gap`                        | The gap between the months in the multi-month view.                           |
-| `--rdp-nav_button-border-radius`          | The border radius of the navigation buttons.                                  |
 | `--rdp-nav_button-disabled-opacity`       | The opacity of the disabled navigation buttons.                               |
 | `--rdp-nav_button-height`                 | The height of the navigation buttons.                                         |
 | `--rdp-nav_button-width`                  | The width of the navigation buttons.                                          |