← Back to branch summary

~maas-committers/maas/trunk

« back to all changes in this revision

Viewing changes to src/maasserver/static/scss/maas/layout/_grids.scss

Adding all assets and new theme files

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/maasserver/static/scss/maas/layout/_grids.scss
1
 
////
2
 
/// MAAS grid
3
 
///
4
 
/// @project     MAAS
5
 
/// @author      Web Team at Canonical Ltd
6
 
/// @copyright   2015 Canonical Ltd
7
 
///
8
 
////
9
 
 
10
 
.wrapper {
11
 
    min-height: 100%;
12
 
    height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
13
 
    height: 100%;
14
 
    margin: 0 auto -112px; /* the bottom margin is the negative value of the footer's height */
15
 
    position: relative;
16
 
    background: rgba(255,255,255,0.6);
17
 
    padding-top: 172px;
18
 
 
19
 
    &:after {
20
 
        content: '';
21
 
        position: absolute;
22
 
        display: block;
23
 
        top: 0;
24
 
        right: 0;
25
 
        bottom: 0;
26
 
        left: 0;
27
 
        background: url('../img/backgrounds/image-background-paper.png');
28
 
        height: 100%;
29
 
        width: 100%;
30
 
        z-index: -1;
31
 
    }
32
 
}
33
 
 
34
 
.inner-wrapper {
35
 
    max-width: 1480px;
36
 
    padding: 0px 20px;
37
 
    margin: 0 auto;
38
 
    position: relative;
39
 
}
40
 
 
41
 
.push,
42
 
.footer-wrapper {
43
 
    height: 112px;
44
 
}
45
 
 
46
 
.row {
47
 
    background-color: transparent;
48
 
    border-bottom: 1px dotted #CCC;
49
 
}
50
 
 
51
 
.row:last-child {
52
 
    border-bottom: none;
53
 
}
54
 
 
55
 
.equal-height {
56
 
  @media only screen and (min-width : 768px) {
57
 
    display: flex;
58
 
    flex-wrap: wrap;
59
 
    flex-direction: row;
60
 
    width: 100%;
61
 
 
62
 
    & > .equal-height__item {
63
 
      box-sizing: border-box;
64
 
      display: flex;
65
 
      flex: auto;
66
 
      flex-direction: column;
67
 
    }
68
 
  }
69
 
}