Browse code

improved flexible layout for code expansion

B Mathis authored on 10/03/2010 at 20:38:53
Showing 1 changed files
... ...
@@ -1,6 +1,6 @@
1 1
 !page_pad = 30px
2 2
 !page_width = 980px
3
-!sidebar_margin = 25px
3
+!sidebar_margin = 20px
4 4
 !sidebar_width = 280px
5 5
 !default_border_radius = 4px
6 6
 
... ...
@@ -37,14 +37,14 @@ html body
37 37
 
38 38
 #sidebar
39 39
   float: left
40
-  width: #{!sidebar_width - !page_pad/2}
40
+  width: #{!sidebar_width - !sidebar_margin}
41 41
   margin: 0 -100% 0 0
42
-  padding: #{!page_pad} 0 #{!page_pad} #{!page_pad/2}
42
+  padding: #{!page_pad} 0 #{!page_pad} #{!sidebar_margin}
43 43
 
44 44
 #page.expanded
45 45
   #content
46
-    width: #{!page_width}
47
-    padding: 0
46
+    width: #{!page_width - !page_pad/2}
47
+    padding: 0 0 0 #{!page_pad/2}
48 48
   #sidebar
49 49
     float: none
50 50
     margin: 0