chore: add comments to CSS

gpbl · Jul 13, 2024 · b2beac8 · b2beac8
1 parent aca2a55
commit b2beac8
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 40 deletions.
diff --git a/src/style.css b/src/style.css
@@ -62,14 +62,25 @@
 
 /* Root of the component. */
 .rdp-root {
-  position: relative;
+  position: relative; /* Required to position the navigation toolbar. */
   box-sizing: border-box;
 }
 
 .rdp-root * {
   box-sizing: border-box;
 }
 
+/* Reset buttons */
+.rdp-root button {
+  border: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
+}
+
 .rdp-day {
   justify-content: center;
   align-items: center;
@@ -320,23 +331,7 @@
   cursor: pointer;
 }
 
-.rdp-footer,
-.rdp-months_dropdown,
-.rdp-month_grid,
-.rdp-month,
-.rdp-weeks,
-.rdp-no_weekdays,
-.rdp-years_dropdown {
-  /* These classes are not used by the default style, but are available to use */
-  /* Keep anyway for the CSS type definition. */
-}
-
-.rdp-root button {
-  border: none;
-  background: none;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-  font: inherit;
-  color: inherit;
+.rdp-day_button:focus-visible {
+  /* outline: 2px solid var(--rdp-accent-color); */
+  /* You may want to add focus-outlines here. */
 }
diff --git a/src/style.module.css b/src/style.module.css
@@ -62,14 +62,25 @@
 
 /* Root of the component. */
 .root {
-  position: relative;
+  position: relative; /* Required to position the navigation toolbar. */
   box-sizing: border-box;
 }
 
 .root * {
   box-sizing: border-box;
 }
 
+/* Reset buttons */
+.root button {
+  border: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
+}
+
 .day {
   justify-content: center;
   align-items: center;
@@ -320,23 +331,6 @@
   cursor: pointer;
 }
 
-.footer,
-.months_dropdown,
-.month_grid,
-.month,
-.weeks,
-.no_weekdays,
-.years_dropdown {
-  /* These classes are not used by the default style, but are available to use */
-  /* Keep anyway for the CSS type definition. */
-}
-
-.root button {
-  border: none;
-  background: none;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-  font: inherit;
-  color: inherit;
+.day_button:focus-visible {
+  /* You may want to add focus-outlines here. */
 }