Update small.css

JustinWebDev · web-flow · commit 0ae73e630351 · 2022-01-01T15:39:18.000-06:00
diff --git a/css/small.css b/css/small.css
@@ -37,8 +37,8 @@ nav button {
     transition: 1s;
 }
 @keyframes navULshow {
-    from {opacity: .2;}
-    to {opacity: 1;}
+    from {opacity: .2; height: 0; width: 0}
+    to {opacity: 1; height: 100%; width: 100%}
 }
 @keyframes navULhide {
     from {opacity: 1;}
@@ -48,7 +48,6 @@ nav ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
-    display: block;
     animation-name: navULshow;
     animation-duration: 1s;
 }
@@ -79,9 +78,10 @@ nav ul li.active a {                 /* if this were above hover then hover woul
     box-shadow: 0 0 16px 0 #5a5a5a inset;
 }
 
-nav ul.hide {display: none;
+nav ul.hide {
     animation-name: navULhide;
     animation-duration: 1s;
+    display: none;
 }
 nav button.hide {
     box-shadow: 0 0 8px 1px #6f6f6f inset;

Original file line number	Diff line number	Diff line change
`@@ -37,8 +37,8 @@ nav button {`
`37`	`37`	`transition: 1s;`
`38`	`38`	`}`
`39`	`39`	`@keyframes navULshow {`
`40`		`- from {opacity: .2;}`
`41`		`- to {opacity: 1;}`
	`40`	`+ from {opacity: .2; height: 0; width: 0}`
	`41`	`+ to {opacity: 1; height: 100%; width: 100%}`
`42`	`42`	`}`
`43`	`43`	`@keyframes navULhide {`
`44`	`44`	`from {opacity: 1;}`
`@@ -48,7 +48,6 @@ nav ul {`
`48`	`48`	`list-style-type: none;`
`49`	`49`	`padding: 0;`
`50`	`50`	`margin: 0;`
`51`		`- display: block;`
`52`	`51`	`animation-name: navULshow;`
`53`	`52`	`animation-duration: 1s;`
`54`	`53`	`}`
`@@ -79,9 +78,10 @@ nav ul li.active a { /* if this were above hover then hover woul`
`79`	`78`	`box-shadow: 0 0 16px 0 #5a5a5a inset;`
`80`	`79`	`}`
`81`	`80`
`82`		`-nav ul.hide {display: none;`
	`81`	`+nav ul.hide {`
`83`	`82`	`animation-name: navULhide;`
`84`	`83`	`animation-duration: 1s;`
	`84`	`+ display: none;`
`85`	`85`	`}`
`86`	`86`	`nav button.hide {`
`87`	`87`	`box-shadow: 0 0 8px 1px #6f6f6f inset;`