_header.scss 843 Bytes
Newer Older
Naomi Guyer's avatar
Naomi Guyer committed
1
.header {
Pat Kira's avatar
Pat Kira committed
2
    top: 30px;
3
    @media (max-width: $screen-sm-min -1) {
4
        top: 0;
Pat Kira's avatar
Pat Kira committed
5
    }
6
7
8
9
10

    .logo-area,
    .logo,
    .admin-title,
    .loading-box {
Naomi Guyer's avatar
Naomi Guyer committed
11
        float: left;
12
13
14
15
    }
    .logo {
        margin-right: 15px;
        // logo restricted to 45px - custom work required for a larger version
16
17
18
        img {
            max-height: 45px;
        }
Naomi Guyer's avatar
Naomi Guyer committed
19
20
    }
    .admin-title {
21
        margin: 15px 10px 5px 0;
22
        @media (max-width: $screen-sm-min - 1) {
23
24
            clear: both;
            margin-top: 10px;
Naomi Guyer's avatar
Naomi Guyer committed
25
26
        }
    }
27
    // see _loading-inner for more realting to .logo-area
Liam Sharpe's avatar
Liam Sharpe committed
28
29
30
31

    + .container {
        // if container is directly after header, then it will need a margin
        margin-top: 50px;
32
        @media (min-width: $screen-xs-min) and (max-width: $screen-md-min - 1){
33
34
            margin-top: 20px;
        }
Liam Sharpe's avatar
Liam Sharpe committed
35
    }
Naomi Guyer's avatar
Naomi Guyer committed
36
}