_header.scss 832 Bytes
Newer Older
Naomi Guyer's avatar
Naomi Guyer committed
1
.header {
Pat Kira's avatar
Pat Kira committed
2
3
    top: 30px;
    @media (max-width: $screen-sm-min) {
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
22
23
24
        margin: 15px 10px 5px 0;
        @media (max-width: $screen-sm-min) {
            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
33
34
        @media (min-width: $screen-xs-min) and (max-width: $screen-md-min){
            margin-top: 20px;
        }
Liam Sharpe's avatar
Liam Sharpe committed
35
    }
Naomi Guyer's avatar
Naomi Guyer committed
36
}