blob: d7704ef804e6792a5515692e0f8b0bd2f80fbd5b (
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
|
// 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;
}
|
