|
a |
|
b/docs/assets/stylesheets/cards.css |
|
|
1 |
.md-typeset .card-set { |
|
|
2 |
grid-gap: .4rem; |
|
|
3 |
display: grid; |
|
|
4 |
grid-template-columns: repeat(auto-fit,minmax(16rem,1fr)); |
|
|
5 |
margin: 1em 0 |
|
|
6 |
} |
|
|
7 |
|
|
|
8 |
.md-typeset .card-set>a.card-content { |
|
|
9 |
color: initial; |
|
|
10 |
} |
|
|
11 |
|
|
|
12 |
.md-typeset .card-set>.card-content,.md-typeset .card-set>.card-content,.md-typeset .grid>.card { |
|
|
13 |
border: .05rem solid var(--md-default-fg-color--lightest); |
|
|
14 |
border-radius: .1rem; |
|
|
15 |
display: block; |
|
|
16 |
margin: 0; |
|
|
17 |
padding: .8rem; |
|
|
18 |
transition: border .25s,box-shadow .25s |
|
|
19 |
} |
|
|
20 |
|
|
|
21 |
.md-typeset .card-set>.card-content:focus-within,.md-typeset .card-set>.card-content:hover,.md-typeset .card-set>.card-content:focus-within,.md-typeset .card-set>.card-content:hover,.md-typeset .grid>.card:focus-within,.md-typeset .grid>.card:hover { |
|
|
22 |
border-color: #0000; |
|
|
23 |
box-shadow: var(--md-shadow-z2) |
|
|
24 |
} |
|
|
25 |
|
|
|
26 |
.md-typeset .card-set>.card-content>hr,.md-typeset .card-set>.card-content>hr,.md-typeset .grid>.card>hr { |
|
|
27 |
margin-bottom: 1em; |
|
|
28 |
margin-top: 1em |
|
|
29 |
} |
|
|
30 |
|
|
|
31 |
.md-typeset .card-set>.card-content>:first-child,.md-typeset .card-set>.card-content>:first-child,.md-typeset .grid>.card>:first-child { |
|
|
32 |
margin-top: 0 |
|
|
33 |
} |
|
|
34 |
|
|
|
35 |
.md-typeset .card-set>.card-content>:last-child,.md-typeset .card-set>.card-content>:last-child,.md-typeset .grid>.card>:last-child { |
|
|
36 |
margin-bottom: 0 |
|
|
37 |
} |
|
|
38 |
|
|
|
39 |
.md-typeset .card-set>*,.md-typeset .card-set>.admonition,.md-typeset .card-set>.highlight>*,.md-typeset .card-set>.highlighttable,.md-typeset .card-set>.md-typeset details,.md-typeset .card-set>details,.md-typeset .card-set>pre { |
|
|
40 |
margin-bottom: 0; |
|
|
41 |
margin-top: 0 |
|
|
42 |
} |
|
|
43 |
|
|
|
44 |
.md-typeset .card-set>.highlight>pre:only-child,.md-typeset .card-set>.highlight>pre>code,.md-typeset .card-set>.highlighttable,.md-typeset .card-set>.highlighttable>tbody,.md-typeset .card-set>.highlighttable>tbody>tr,.md-typeset .card-set>.highlighttable>tbody>tr>.code,.md-typeset .card-set>.highlighttable>tbody>tr>.code>.highlight,.md-typeset .card-set>.highlighttable>tbody>tr>.code>.highlight>pre,.md-typeset .card-set>.highlighttable>tbody>tr>.code>.highlight>pre>code { |
|
|
45 |
height: 100% |
|
|
46 |
} |