web/cobrands/hart/base.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

@import "../sass/h5bp";
@import "./_colours";
@import "../sass/mixins";

@import "../sass/base";

.item-list--reports__item {
  color: #666;
  a {
    color: #666;
  }
}

h1.main {
    color: $primary;
    text-align: center;
    margin: 0.5em 0;
}

#site-header {
    .mobile-header-nav {
        height: 56px;
        float: right;
        li {
            a, a:hover {text-decoration:none;}
            list-style-type: none;
            float: left;
            div {
                height: 57px;
                width: 57px;
                background-repeat: no-repeat;
                background-position: 50% 50%;
            }
            .home-icon { background-image: url('/cobrands/hart/home_mobile.png'); }
            .search-icon { background-image: url('/cobrands/hart/search_mobile.png'); }
            .menu-icon { background-image: url('/cobrands/hart/menu_mobile.png'); }
        }
    }
}

#site-logo {
    display: block;
    background: url("/cobrands/hart/hart-logo-mobile.png") 0 50% no-repeat;
}

#main-nav--hart { // Hart has two main menus, basically same on mobile
    margin: 0 -1em;
}

.big-green-banner {
    text-transform: none;
}

#form_sign_in {
    margin-top: 1em;
}

#front-main {
    /* default on mobile view, preventing jagged hart-green box */

    margin: 0;
    padding: 1em;

    #postcodeForm {
        padding: 1em;
        div {
            padding-top: 0px;
            input#pc {
            }
        }
    }
}