an app to share curated trails
sidetrail.app
1.BackButton {
2 background: none;
3 border: none;
4 padding: 0.5rem 0;
5 font-family: inherit;
6 text-decoration: none;
7 color: #666;
8 font-size: 0.875rem;
9 transition: all 0.2s ease;
10 text-transform: lowercase;
11 cursor: pointer;
12 display: block;
13 width: 100%;
14 text-align: center;
15}
16
17.BackButton:hover {
18 color: var(--accent-color);
19}
20
21.BackButton-top {
22 width: 100vw;
23 align-self: center;
24 margin: -2rem 0 1rem;
25 padding: 2.5rem 0 0.5rem;
26 transition:
27 background 0.2s ease,
28 text-decoration 0.2s ease;
29}
30
31.BackButton-top:hover {
32 background: linear-gradient(
33 to bottom,
34 color-mix(in srgb, var(--accent-color) 12%, transparent),
35 transparent
36 );
37 text-decoration: underline;
38 text-decoration-color: var(--accent-color);
39}