app/assets/stylesheets/app/layouts/_app.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

// Application Layout
// ----------------------------------------
// TODO: This generates huge selectors..
.app {

  #main {
    @include center-container(1000px, 0, 0 8px);
    @include clearfix;
    @include debug(gray);
  }

  $sidebar: 215px;
  $content: 758px;

  .container {
    & > aside {
      @include float(left, $sidebar, green);
    }

    & > .content {
      @include float(right, $content, blue);
    }
  }
}