Remove unnecesary constants

src/stylesheets/constants.styl

@@ -1,22 +1,15 @@
 @import "CSSmethods/vendor.styl"
 
 /* CONSTANTS */
-HEADER_FOOTER_HEIGHT          = 44px
-HEADER_GROUPBAR_HEIGHT        = 30px
+HEADER_HEIGHT          = 44px
 
-ARTICLE_BOTTOM                = (HEADER_FOOTER_HEIGHT - 1)
-ARTICLE_WITH_HEADER_EXTENDED  = (HEADER_FOOTER_HEIGHT + HEADER_GROUPBAR_HEIGHT)
+ASIDE_WIDTH            = 264px
+ASIDE_WIDTH_SMALL      = 64px
+ASIDE_SMALL_ICON       = 48px
 
-ASIDE_WIDTH                    = 264px
-ASIDE_WIDTH_SMALL              = 64px
-ASIDE_SMALL_ICON               = 48px
+DEFAULT_TRANSITION     = easeOutSine
+TRANSITION_TIME        = 350ms
 
-BORDER_RADIUS                  = 2px
-
-DEFAULT_TRANSITION             = easeOutSine
-
-FONT_SIZE_TINY                 = 11px
-FONT_SIZE_SMALL                = 0.9em
-FONT_SIZE_BIG                  = 1.2em
-
-TRANSITION_TIME                = 350ms
+FONT_SIZE_TINY         = 11px
+FONT_SIZE_SMALL        = 0.9em
+FONT_SIZE_BIG          = 1.2em

src/stylesheets/lungo.layout.elements.styl

@@ -14,8 +14,8 @@
 /* ============================= HEADER/FOOTER ============================= */
 /* ========================================================================= */
 header, footer
-  height: HEADER_FOOTER_HEIGHT
-  line-height: HEADER_FOOTER_HEIGHT
+  height: HEADER_HEIGHT
+  line-height: HEADER_HEIGHT
 
   // display-box()
   // box-pack(justify)
@@ -42,7 +42,7 @@ header, footer
 
   & img.title
     PAD = 18px
-    height: (HEADER_FOOTER_HEIGHT - PAD)
+    height: (HEADER_HEIGHT - PAD)
     margin: (PAD / 2) auto
 
 
@@ -61,16 +61,3 @@ article
     &.pull
       transition-property(transform)
       transition-duration(TRANSITION_TIME)
-
-header
-  &:not(.extended) ~ article
-    top: HEADER_FOOTER_HEIGHT
-  &.extended ~ article
-    top: ARTICLE_WITH_HEADER_EXTENDED
-
-footer ~ article
-  bottom: HEADER_FOOTER_HEIGHT
-
-@media handheld, only screen and (min-width: 768px)
-  article.aside
-    transform(translate3d(0px, 0, 0))

src/stylesheets/lungo.layout.nav.styl

@@ -9,6 +9,8 @@
 
 @import "constants.styl"
 
+HEADER_GROUPBAR_HEIGHT = 32px
+
 nav
   &.groupbar, footer &
     display-box()
@@ -42,7 +44,7 @@ nav
       margin-left: 6px
 
     & a:not(.button)
-      height: HEADER_FOOTER_HEIGHT
+      height: HEADER_HEIGHT
       & > .icon
         font-size: 1.8em
 
@@ -69,7 +71,7 @@ nav
 
   &.groupbar
     // position: relative
-    // top: HEADER_FOOTER_HEIGHT
+    // top: HEADER_HEIGHT
     height: HEADER_GROUPBAR_HEIGHT
     width: 100%
     z-index: 2
@@ -96,11 +98,11 @@ nav
       text-align: center
       display: block
       padding: 0
-      height:  HEADER_FOOTER_HEIGHT
+      height:  HEADER_HEIGHT
 
     & .icon
       font-size: 2.0em !important
-      line-height: HEADER_FOOTER_HEIGHT
+      line-height: HEADER_HEIGHT
       width: 32px
       display: inline-block
 
@@ -142,7 +144,7 @@ nav
   &[data-control=menu]
     position: absolute
     left: 0px
-    top: HEADER_FOOTER_HEIGHT
+    top: HEADER_HEIGHT
     visibility: hidden
     z-index: 2
     width: inherit

src/stylesheets/lungo.widgets.notification.styl

@@ -56,7 +56,7 @@ WINDOW_WIDTH = 280px
       width: WINDOW_WIDTH
       left: 0
       top: 0
-      margin: (HEADER_FOOTER_HEIGHT / 2) auto 0
+      margin: (HEADER_HEIGHT / 2) auto 0
 
       transform(translateY(100%))
       &.show

src/stylesheets/lungo.widgets.pull.styl

@@ -12,7 +12,7 @@
 section.show > [data-control="pull"]
   position: absolute
   z-index: -1
-  top: HEADER_FOOTER_HEIGHT
+  top: HEADER_HEIGHT
   width: 100%
   height: 80px
   padding: 10px 0