You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
1.2 KiB
71 lines
1.2 KiB
h2.card-title { |
|
margin-top: 10px; |
|
} |
|
|
|
.price-list { |
|
display: flex; |
|
flex-direction: row; |
|
gap: 20px; |
|
} |
|
|
|
.price-list .card { |
|
display: flex; |
|
flex-direction: column; |
|
justify-content: start; |
|
border: var(--color-primary) solid 1px; |
|
flex-grow: 1; |
|
padding: 20px; |
|
flex-basis: 300px; |
|
} |
|
|
|
.price-list .card .features { |
|
list-style: none; padding: 0; |
|
} |
|
|
|
.price { font-size: 22px; font-weight: bold; color: var(--color-secondary); } |
|
|
|
.price-list .card .features li { padding: 8px 0; } |
|
|
|
.price-list .card button:last-child { |
|
margin-top: auto; |
|
} |
|
|
|
.article-list { |
|
display: flex; |
|
flex-direction: column; |
|
} |
|
|
|
.article-list .card { |
|
margin-bottom: 1rem; |
|
} |
|
|
|
.card-header img { |
|
max-width: 100%; |
|
height: auto; |
|
max-height: 200px; |
|
width: 100%; |
|
object-fit: cover; |
|
} |
|
|
|
.card.comment { |
|
display: flex; |
|
flex-direction: column; |
|
background-color: var(--color-bg-light); |
|
padding: 10px; |
|
} |
|
|
|
.card.comment.zap-comment { |
|
border-left: 4px solid var(--color-primary); |
|
} |
|
|
|
.card.comment .metadata { |
|
display: flex; |
|
align-items: center; |
|
justify-content: space-between; |
|
margin-bottom: 10px; |
|
} |
|
|
|
.card.comment .metadata p { |
|
margin: 0; |
|
padding: 0; |
|
}
|
|
|