stylesheets/_layout.sass


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

!page_pad = 30px
!page_width = 980px
!sidebar_margin = 20px
!sidebar_width = 280px
$default_border_radius = 4px

html body
  background-color: #{!body_bg}
  color: #{!body_color}
  a
    color: #{!link_color}
    &:hover, &:focus
      color: #{saturate(darken(!link_color, 15), 20)}
    &:visited
      color: #{darken(adjust_hue(!link_color, 70), 10)}

#header, #footer, #nav
  .content
    position: relative
    margin: 0 auto
    width: #{!page_width - !page_pad}
    padding: 0 #{!page_pad/2}

#page, #header, #footer, #nav
  min-width: #{!page_width}
#page, #content, .content
  +pie-clearfix
#content
  margin: 0 auto
  width: #{!page_width - !sidebar_width - !page_pad/2}
  padding: 0 #{!sidebar_width} 0 #{!page_pad/2}
#main
  float: left
  width: 100%
  .content
    padding-right: #{!sidebar_margin}

#sidebar
  float: left
  width: #{!sidebar_width - !sidebar_margin}
  margin: 0 -100% 0 0
  padding: #{!page_pad} 0 #{!page_pad} #{!sidebar_margin}

#page.expanded
  #content
    width: #{!page_width - !page_pad/2}
    padding: 0 0 0 #{!page_pad/2}
  #sidebar
    float: none
    margin: 0
    padding: 0 0 #{!page_pad}