kalnder erneuert

sass/_nav.sass

@@ -1,52 +1,49 @@
-ul
-  list-style-type: none
-  margin: -2px auto
-  padding: 0
+$navInPadding: 0.5rem
 
-  /*overflow: hidden;
-  background-color: hsla(0, 0%, 100%, 0.8)
-  border: 2px solid darkred
-  display: inline-block
-  transition: all 60ms
-  box-shadow: inset -2px -2px 10px lightblue, inset 2px 2px 10px lightblue
+/* ******************
 
-  &.navUl
-    height: 33px
+nav
+  ul
+    list-style-type: none
+    margin: -0.13rem auto
+    padding: 0
+    background-color: hsla(0, 0%, 100%, 0.8)
+    border: 2px solid darkred
+    display: inline-block
+    transition: all 60ms
+    box-shadow: inset -2px -2px 10px lightblue, inset 2px 2px 10px lightblue
+    height: 2rem
 
-li
-  float: left
-  width: auto
+  li
+    float: left
+    width: auto
+    margin: 0px 0px
+    
+    &:first-child
+      padding-left: $navInPadding
 
-  /*height: 33px;
-  margin: 0px 0px
+    a
+      display: block
+      color: darkred
+      text-align: center
+      padding: 0.4rem $navInPadding $navInPadding 0
+      text-decoration: none
+      font-weight: bold
+      
+      &:active, &:hover, &:focus, &.active
+        /*background: none;
+        color: red
+        text-decoration: underline
 
-  /*border: 1px solid lightgrey;
-  border-radius: 0px
+      &:active, &:hover, &:focus
+        transition: 1s
+        transform: scale(1.1)
 
-  a
-    display: block
-    color: darkred
-    text-align: center
-    padding: 7px 16px
-    text-decoration: none
-    margin: 1px 0 4px
-    font-weight: bold
+  ul li ul li
+    display: inline-block
 
-nav > ul > li
-  width: 100px
-
-li a
-  &:active, &:hover, &:focus, &.active
-    background: none
-    color: red
-    text-decoration: underline
-
-  &:active, &:hover, &:focus
-    transition: 1s
-    transform: scale(1.1)
-
-ul li ul li
-  display: inline-block
+  > ul > li > ul > li
+    margin: middle
 
 .submenu
   visibility: hidden
@@ -55,20 +52,11 @@ ul li ul li
   margin-left: -10px
   background-color: rgb(255, 255, 255)
 
-  li
-    a
-      display: block
-      float: none
-      border-bottom: 1px solid goldenrod
-      margin: 0 0 0 0
-
+  li, a
     display: block
     float: none
     border-bottom: 1px solid goldenrod
     margin: 0 0 0 0
 
 .submenuActive
-  visibility: visible
-
-nav > ul > li > ul > li
-  margin: middle
+  visibility: visible