Note down possible transitions for dropdown menu

Also move some attributes around.

1 files changed, 16 insertions, 2 deletions

diff --git a/commun.css b/commun.css
index 8d6f221..c9b8242 100644
--- a/commun.css
+++ b/commun.css
@@ -77,14 +77,28 @@ nav li.dropdown ul {
     left: 0;                    /* Offset nav > ol > li padding. */
     padding-left: 0;
     width: 100%;
+    text-align: left;
     background: lightgrey;
     z-index: 1;
+
+    /* TODO: transition? ⚠ display: block */
+
+    /* overflow: hidden; */
+    /* max-height: 0; */
+    /* transition: max-height 0.5s; */
+
+    /* transform: scaleY(0); */
+    /* transform-origin: top; */
+    /* transition: transform 0.5s; */
+
 }
 nav li.dropdown:hover ul {
     display: block;
-    text-align: left;
+    /* TODO: transition? ⚠ redundant display: block */
+    /* max-height: 100vh; */
+    /* transform: scaleY(1); */
 }
-nav li:hover ul li {
+nav li.dropdown > ul > li {
     list-style-type: none;
 }
 nav li.dropdown > ul > li:hover {