galapagos-linux.github.io/static/mobile.css at 61c79c8d6b8a6431ae572f82bcaa2324a98dcda6 · Galapagos-Linux/galapagos-linux.github.io · GitHub

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
@media only screen and (max-device-width: 768px) {
    /* Make header links visible */
    body > header > .row {
        height: auto;
    }

    body > header > .row > .hide-on-print {
        background-color: #AD6A91;
        border-radius: 4px;
    }

    /* Anchor footer to bottom, decrease font size
     * NB: padding-bottom and height will need to be adjusted in the future
     *     if more content is added to the footer! */
    html {
        position: relative;
    }

    body, html {
        min-height: 100%;
        margin: 0;
    }

    body > #content {
        padding-bottom: 8em;
        margin-bottom: 0;
    }

    body > footer {
        position: absolute;
        bottom: 0;
        height: auto;
        font-size: 10pt;
    }

    body > footer > .row {
        flex-wrap: wrap;
    }

    /* Since footer will not be one line, restore left-aligned text */
    body > footer > .row > .col-6#right {
        text-align: left;
    }
}