Card tweaking
This commit is contained in:
@@ -60,26 +60,26 @@ img {
|
|||||||
.card-columns {
|
.card-columns {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
grid-gap: 3em;
|
grid-gap: 1.5em;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.card-link-wrapper {
|
.card-link-wrapper {
|
||||||
color: rgb(52, 58, 63);
|
color: rgb(52, 58, 63);
|
||||||
display: block;
|
display: block;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: 0.7em;
|
border-radius: 0.2em;
|
||||||
transition: transform 0.3s, box-shadow 0.3s;
|
transition: transform 0.3s, box-shadow 0.3s;
|
||||||
box-shadow: 0 1em 1.6em 0 rgba(0, 0, 0, 0.06);
|
box-shadow: 0 1em 1.6em 0 rgba(0, 0, 0, 0.12);
|
||||||
}
|
}
|
||||||
.card-link-wrapper-active {
|
.card-link-wrapper-active {
|
||||||
transform: scale(0.95);
|
transform: scale(0.95);
|
||||||
box-shadow: 0 0.8em 1.4em 0 rgba(0, 0, 0, 0.10);
|
box-shadow: 0 0.8em 1.4em 0 rgba(0, 0, 0, 0.17);
|
||||||
}
|
}
|
||||||
.card {
|
.card {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
.card-img {
|
.card-img {
|
||||||
border-radius: 0.7em 0.7em 0 0;
|
border-radius: 0.2em 0.2em 0 0;
|
||||||
margin-bottom: -1.2em;
|
margin-bottom: -1.2em;
|
||||||
max-height: 10em;
|
max-height: 10em;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
@@ -94,7 +94,7 @@ img {
|
|||||||
}
|
}
|
||||||
.card-text {
|
.card-text {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
margin: 0.8em 0 0.5em 0;
|
margin: 1em 0 0.5em 0;
|
||||||
}
|
}
|
||||||
blockquote {
|
blockquote {
|
||||||
border-left: 0.3em solid #D1D1D1;
|
border-left: 0.3em solid #D1D1D1;
|
||||||
|
|||||||
Reference in New Issue
Block a user