css/admin.sass
44 lines of code
1
// admin grid/layout
2
3
.admin-home-container {
4
  //@include centered-top;
5
  //@include borders;
6
  @include grid(grid, 1fr 1fr 1fr, min-content);
7
  grid-template-areas: "activity control flagged";
8
9
  .activity { grid-area: activity; @include panel(); }
10
  .control { grid-area: control; @include panel(); }
11
  .flagged { grid-area: flagged; @include panel(); }
12
13
  .activity, .control, .flagged {
14
    @include scrolling;
15
    @include static-size(222px, 300px);
16
  }
17
18
  .control { text-align: center; }
19
20
  @include mq(1160px) {
21
    @include grid(grid, min-content min-content, 1fr 1fr);
22
    grid-template-areas: "control activity"
23
                         "control flagged";
24
25
    .activity, .flagged {
26
      @include static-size(222px, 200px);
27
    }
28
29
    .control {
30
      @include static-size(222px, 407px);
31
    }
32
  }
33
34
  @include mq(930px) {
35
    @include grid(grid, 100%, min-content min-content min-content, 0, 15px);
36
    grid-template-areas: "control"
37
                         "activity"
38
                         "flagged";
39
40
    .activity, .flagged, .control {
41
      @include static-size(100%, 200px);
42
    }
43
  }
44
}