refactor: Move code
This commit is contained in:
parent
ce0542cab2
commit
d28ddc3e1f
|
@ -118,45 +118,6 @@ body
|
||||||
p, li
|
p, li
|
||||||
line-height: 1.6
|
line-height: 1.6
|
||||||
|
|
||||||
.cards
|
|
||||||
display: grid
|
|
||||||
grid-auto-columns: 1fr
|
|
||||||
grid-template-columns: 1fr 1fr
|
|
||||||
grid-template-rows: auto auto auto
|
|
||||||
column-gap: var(--tile)
|
|
||||||
row-gap: var(--tile)
|
|
||||||
margin: 0
|
|
||||||
padding: 0
|
|
||||||
list-style-type: none
|
|
||||||
|
|
||||||
@media screen and (max-width: 800px)
|
|
||||||
grid-template-columns: 1fr
|
|
||||||
|
|
||||||
.cards > *, .card
|
|
||||||
padding: calc(var(--tile))
|
|
||||||
border-radius: var(--border-radius)
|
|
||||||
|
|
||||||
header
|
|
||||||
display: grid
|
|
||||||
column-gap: 1rem
|
|
||||||
grid-template-columns: 70px auto
|
|
||||||
align-items: center
|
|
||||||
margin-bottom: 1rem
|
|
||||||
|
|
||||||
p
|
|
||||||
display: inline-block
|
|
||||||
|
|
||||||
img
|
|
||||||
width: 70px
|
|
||||||
height: 70px
|
|
||||||
|
|
||||||
p, h1, h2, h3
|
|
||||||
margin: 0
|
|
||||||
padding: 0
|
|
||||||
|
|
||||||
@media screen and (max-width: 800px)
|
|
||||||
text-align: center
|
|
||||||
|
|
||||||
body
|
body
|
||||||
--tile: 2rem
|
--tile: 2rem
|
||||||
|
|
||||||
|
@ -325,6 +286,44 @@ hr
|
||||||
|
|
||||||
.quote:first-child
|
.quote:first-child
|
||||||
margin-top: 0
|
margin-top: 0
|
||||||
|
.cards
|
||||||
|
display: grid
|
||||||
|
grid-auto-columns: 1fr
|
||||||
|
grid-template-columns: 1fr 1fr
|
||||||
|
grid-template-rows: auto auto auto
|
||||||
|
column-gap: var(--tile)
|
||||||
|
row-gap: var(--tile)
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
list-style-type: none
|
||||||
|
|
||||||
|
@media screen and (max-width: 800px)
|
||||||
|
grid-template-columns: 1fr
|
||||||
|
|
||||||
|
.cards > *, .card
|
||||||
|
padding: calc(var(--tile))
|
||||||
|
border-radius: var(--border-radius)
|
||||||
|
|
||||||
|
header
|
||||||
|
display: grid
|
||||||
|
column-gap: 1rem
|
||||||
|
grid-template-columns: 70px auto
|
||||||
|
align-items: center
|
||||||
|
margin-bottom: 1rem
|
||||||
|
|
||||||
|
p
|
||||||
|
display: inline-block
|
||||||
|
|
||||||
|
img
|
||||||
|
width: 70px
|
||||||
|
height: 70px
|
||||||
|
|
||||||
|
p, h1, h2, h3
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
@media screen and (max-width: 800px)
|
||||||
|
text-align: center
|
||||||
|
|
||||||
.footnotes
|
.footnotes
|
||||||
font-size: .8rem
|
font-size: .8rem
|
||||||
|
|
Loading…
Reference in New Issue