cli + tui to publish to leaflet (wip) & manage tasks, notes & watch/read lists 馃崈
charm
leaflet
readability
golang
1.features {
2 display: flex;
3 align-items: stretch;
4 padding: 3rem 0;
5 width: 100%;
6 background: var(--ifm-background-surface-color);
7}
8
9.featureCard {
10 border-radius: 1.25rem;
11 padding: 2rem 1.75rem;
12 min-height: 220px;
13 border: 1px solid var(--ifm-color-emphasis-300);
14 background: var(--ifm-background-color);
15 margin-bottom: 1.5rem;
16}
17
18.featureCardPrimary {
19 border-top: 4px solid var(--ifm-color-primary);
20}
21
22.featureCardSuccess {
23 border-top: 4px solid var(--ifm-color-success);
24}
25
26.featureCardInfo {
27 border-top: 4px solid var(--ifm-color-info);
28}
29
30.featureCardWarning {
31 border-top: 4px solid var(--ifm-color-warning);
32}
33
34.featureCardAccent {
35 border-top: 4px solid #00ffb2;
36}
37
38.featureCardPlum {
39 border-top: 4px solid #c259ff;
40}
41
42.featureCardDanger {
43 border-top: 4px solid #eb4268;
44}
45
46.featureTitle {
47 font-size: 1.3rem;
48 font-weight: 700;
49 letter-spacing: 0.04em;
50 text-transform: uppercase;
51 margin-bottom: 0.75rem;
52}
53
54.featureCopy {
55 font-size: 1.05rem;
56 line-height: 1.6;
57 color: var(--ifm-font-color-secondary);
58 margin: 0;
59}
60
61.featureCardPrimary .featureTitle {
62 background: linear-gradient(120deg, var(--ifm-color-primary), #66c9ff);
63 -webkit-background-clip: text;
64 -webkit-text-fill-color: transparent;
65}
66
67.featureCardSuccess .featureTitle {
68 background: linear-gradient(120deg, var(--ifm-color-success), #1ccb92);
69 -webkit-background-clip: text;
70 -webkit-text-fill-color: transparent;
71}
72
73.featureCardInfo .featureTitle {
74 background: linear-gradient(120deg, var(--ifm-color-info), #8ef7f5);
75 -webkit-background-clip: text;
76 -webkit-text-fill-color: transparent;
77}
78
79.featureCardWarning .featureTitle {
80 background: linear-gradient(120deg, var(--ifm-color-warning), #ffbd85);
81 -webkit-background-clip: text;
82 -webkit-text-fill-color: transparent;
83}
84
85.featureCardAccent .featureTitle {
86 background: linear-gradient(120deg, #5cdf8a, #00ffb2);
87 -webkit-background-clip: text;
88 -webkit-text-fill-color: transparent;
89}
90
91.featureCardPlum .featureTitle {
92 background: linear-gradient(120deg, #c259ff, #ff66c4);
93 -webkit-background-clip: text;
94 -webkit-text-fill-color: transparent;
95}
96
97.featureCardDanger .featureTitle {
98 background: linear-gradient(120deg, #eb4268, #ff7b8d);
99 -webkit-background-clip: text;
100 -webkit-text-fill-color: transparent;
101}
102
103.features :global(.container) {
104 background: transparent;
105}