Bläddra i källkod

Fix error in button

Javi Jimenez Villar 13 år sedan
förälder
incheckning
ec426a6007
2 ändrade filer med 19 tillägg och 19 borttagningar
  1. 8 19
      src/stylesheets/lungo.layout.nav.styl
  2. 11 0
      src/stylesheets/lungo.widgets.button.styl

+ 8 - 19
src/stylesheets/lungo.layout.nav.styl

@@ -17,28 +17,17 @@ nav
   /* ================================= HEADER ================================ */
   /* ========================================================================= */
   header &
-    & a, button
-      padding: 0px 11px !important
-      float: left
-
     & .button, button
-      margin: 6px 0 0 0
-      line-height: 32px
-      & > .icon
-        font-size: 1.5em
-        position: relative
-        top: 3px
-        height: SIZE = 20px
-        width: SIZE
-        line-height: SIZE
-        display: inline-block
-
-    &.right .button, button
-      margin-right: 6px
-    &:not(.right) .button, button
-      margin-left: 6px
+      margin-top: 6px
+      float: left
+    &.right .button, &.right button
+      margin-right: 5px
+    &:not(.right) .button, &:not(.right) button
+      margin-left: 5px
 
     & a:not(.button)
+      padding: 0px 11px !important
+      float: left
       height: HEADER_HEIGHT
       & > .icon
         font-size: 1.8em

+ 11 - 0
src/stylesheets/lungo.widgets.button.styl

@@ -19,6 +19,17 @@
   text-decoration: none
   outline: none
 
+  header &
+    height: H = 32px
+    line-height: H
+    padding: 0 8px
+    & > .icon
+      font-size: 1.3em
+      float: left
+    & .icon + abbr
+      margin-left: 6px
+      float: right
+
   article &
     height: H = 40px
     line-height: (H - 2)