aboutsummaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/welcome.scss
blob: aae15d5ecae141f1581c8564342d38ba4c576aec (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
/*
 * SPDX-FileCopyrightText: 2020 IN COMMON Collective <collective@incommon.cc
 *
 * SPDX-License-Identifier: LAL-1.3
 */

// Place all the styles related to the welcome controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: https://sass-lang.com/

button[data-action="taxonomy#toggle"] {
    position: absolute;
    top: 9rem;
    left: 0.7rem;
    display: block;
    cursor: pointer;
    padding: 16px;
    color: transparent;
    z-index: 990;
    background: transparent var(--icon-menu-off) top left/32px no-repeat;
    border: none;
    text-align: center;
}
button[data-action="taxonomy#toggle"].on {
    background-image: var(--icon-menu-on);
}

[data-controller="taxonomy"] nav {
    display: block;
    position: fixed;
    top: 9rem;
    bottom: 0;
    max-width: 35rem;
    background-color: rgba(0,128,128,0.5);
    z-index: -1;
    display: none;
    border-top-right-radius: 1rem;
}
[data-controller="taxonomy"] nav.on {
    width: 89vw;
    z-index: 900;
    display: block;
}