css/explore.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

/**
 * Nextcloud - News
 *
 * This file is licensed under the Affero General Public License version 3 or
 * later. See the COPYING file.
 *
 * @author Bernhard Posselt <dev@bernhard-posselt.com>
 * @copyright 2020, Jan C. Borchardt, https://jancborchardt.net
 * @copyright Bernhard Posselt 2014
 */

/**
 * Explore styles
 */
.explore #app-content-wrapper {
    height: 100%;
}

#explore {
    height: 100%;
    width: 100%;
    padding: 45px 0 45px 45px;

    .grid-item {
        width: 300px;
        border: 2px solid var(--color-border);
        border-radius: var(--border-radius-large);
        margin: 0 24px 24px 0;
        padding: 24px;

        .explore-title {
            background-repeat: no-repeat;
            background-position: 0 center;
            background-size: 24px;
            padding-left: 32px;

            a {
                word-wrap: break-word;

                &:hover,
                &:focus {
                    text-decoration: underline;
                }
            }
        }

        .explore-logo {
            text-align: center;
            margin-top: 25px;

            img {
                width: 100%;
            }
        }

    }
}