Sfoglia il codice sorgente

Change stylesheets for aside

soyjavi 13 anni fa
parent
commit
4a7fcec087

+ 1 - 1
src/stylesheets/__init.styl

@@ -5,7 +5,7 @@ HEADER_HEIGHT           = 46px
 HEADER_GROUPBAR_HEIGHT  = 34px
 
 ASIDE_WIDTH             = 256px
-ASIDE_PADDING           = 8px
+ASIDE_PADDING           = 6px
 ASIDE_WIDTH_SMALL       = 64px
 ASIDE_SMALL_ICON        = 48px
 

+ 2 - 2
src/stylesheets/lungo.animation.phone.styl

@@ -43,7 +43,7 @@ body[data-device="phone"] > section
 OPACITY   = 0.25
 TRANSLATE = 110%
 /* ------ SLIDE ------ */
-DEGREES   = -45deg
+DEGREES   = -15deg
 @keyframes phoneSlideOut
   0%    { transform: translateZ(0) }
   100%  {
@@ -69,7 +69,7 @@ DEGREES   = -45deg
 
 
 /* ------ COVER ------ */
-DEGREES   = 25deg
+DEGREES   = 15deg
 @keyframes phoneCoverOut
   0%    { transform: translateZ(0) }
   100%  {

+ 0 - 1
src/stylesheets/lungo.layout.styl

@@ -99,7 +99,6 @@ body
     width: ASIDE_WIDTH
     display: none
     z-index: -1
-    border-right: solid ASIDE_PADDING transparent
     & > header
       & .title
         margin: 0 INDENT

+ 1 - 1
src/stylesheets/theme/theme.layout.styl

@@ -40,7 +40,7 @@ body > section
 body > aside
   background-color: darken(ASIDE, 10%)
   color: WHITE
-  border-right-color: darken(ASIDE, 10%)
+  box-shadow: 6px 0 darken(ASIDE, 10%)
   & > header, & > footer
     background-color: ASIDE