_top-nav.scss 1.01 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.top-nav.navbar-nav {
    float: right;
    margin: 4px 5px 0 0;
    padding: 0 10px;

    @media (min-width: $screen-sm-min) {
        clear:none;
        float:none;
        margin-right: 0;
        margin-left:0;
        background-color: transparent;
        padding-right:0;
    }

    @media (min-width: $screen-md-min) {
        padding:0;
        font-size: 13px;
18
        margin-top: -7px;
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
    }

    > li {
        display: inline-block;
        float: left;
        > a {
            padding: 10px 5px;
            @media (min-width: $screen-md-min) {
                padding: 10px 15px;
            }
            &:hover {
                background: transparent;
                color: lighten($mahara-green, 8%);
            }
        }
    }


   .has-icon {
        .nav-title{
            display:none; //if icon - hide title on mobile
            @media (min-width: $screen-md-min) {
                 display:inline-block;
            }
        }


        .icon {
            margin-right:5px;
        }
    }
}