aboutsummaryrefslogtreecommitdiffstats
path: root/docs/_sass/fixmystreet-pro.scss
blob: a449eed361ca026b9b2537d77d5b507ce8c33bd9 (plain)
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
@import '../theme/sass/global';

/*
 * There's a conflict here with the what the FMS docs and the FMS pro site do
 * the mySociety standard header - the following resets a lot of this
 */

$pro-yellow: #FED876;

.site-header {
    background-color: white;
    padding: 0;
    border: 0;
}

.page-wrapper--pro {
    background-color: #fff;
    padding-bottom: 3em;
}

h4 {
    text-transform: none;
}

.boxout {
    background-color: $colour_off_white;
    padding: 0.5em 1.5em 1.5em;
    margin-bottom: 2em;
    font-size: 0.875em;
    p:last-of-type {
        margin-bottom: 0;
    }
}

.boxout__title {
    text-transform: none;
    line-height: 1.25em;
    font-size: 1.125em;
}

.print-controls {
    margin-top: 2em;
}

.sidebar {
    margin-top: 2em;
    li {
        margin-bottom: 0.5em;
        line-height: 1.35em;
        li:first-of-type > a {
            margin-top: 0.5em;
        }
    }
    a {
        display: inline-block;
    }
}

// user guide view, for printing (but these styles will be visible on screen too

.user-guide-print {
    .mysoc-footer,
    .site-nav,
    .secondary-content-column,
    a[href="#main-nav"] {
        display: none !important;
        visibility: hidden;
    }

    .main-content-column {
        width: 100%;
        float: none;
        margin: 0 auto;
        max-width: 54em;
        img {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
    }

    .admin-screenshot {
        max-width: 45em;
    }

    .site-logo {
        float: none;
        margin: 0 auto;
    }
}

.user-guide-cover {
    text-align: center;
    margin-bottom: 6em;
}

.user-guide-title {
    font-size: 3.5em;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 3px solid $colour_borders;
    text-align: center;
}

.user-guide-section {
    margin-bottom: 5em;
    padding-bottom: 3em;
    border-bottom: 3px solid $colour_borders;
}

.admin-task {
    h3 {
        background-color: $pro-yellow;
    }
}