_site-messages.scss 1.7 KB
Newer Older
1
.site-messages {
2
3
4
5
6
    ~ .header {
        top: 33px;    //for one message
        + .main-nav {
            margin-top: 32px;    //for one message
        }
7
8
9
10
11
12
    }
}

//adjust header and fixed elements for sitemessages
@for $i from 1 through 5 {
    .header.message-count-#{$i} {
Evonne Cheung's avatar
Evonne Cheung committed
13
        top: 33px * $i;
14
        
Evonne Cheung's avatar
Evonne Cheung committed
15
16
        @media (max-width: $screen-sm-min) {
            top: 0;
17
18
19
20
21
22
        }
        
        + .main-nav {
            margin-top: $i * 32px;
            
            @media (max-width: $screen-sm-min) {
Evonne Cheung's avatar
Evonne Cheung committed
23
24
                margin-top: 0;
            }
25
26
        }

27
        ~ .middle-container-wrap .container {
28
            .toolbar-affix.affix {
Evonne Cheung's avatar
Evonne Cheung committed
29
30
                margin-top: $i * 33px;
            }
31
        }
32

33
        + .middle-container-wrap .container {
34
35
            // if container is directly after header, then it will need a margin
            margin-top: ($i * 33px);
Evonne Cheung's avatar
Evonne Cheung committed
36
        }
37
38
39
    }
}

40
41
// when there is a static second level nav
.static-nav {
42
    padding-top: 138px;
43
44
45
46
    @media (max-width: $screen-sm-min) {
        padding-top: 0;
    }
    .header {
47
        height: 138px;
48
        @media (max-width: $screen-sm-min) {
49
            height: 65px;
50
51
        }
    }
52
}
53

54
55
56
57
58
// when there is a dropdown second level nav
.dropdown-nav {
    padding-top: 105px;
    @media (max-width: $screen-sm-min) {
        padding-top: 0;
59
    }
60
61
    .header {
        height: 105px;
62
        @media (max-width: $screen-sm-min) {
63
            height: 65px;
64
65
        }
    }
66
67
}

68
69
70
71
72
73
74
75
76
77
78
79
80
81
// when there is no nav
.no-nav {
    padding-top: 65px;
    @media (max-width: $screen-sm-min) {
        padding-top: 0;
    }
    .header {
        height: 65px;
    }
}
.loggedout  {
    padding-top: 65px;
    @media (max-width: $screen-sm-min) {
        padding-top: 0;
82
83
    }
}