CaAlden/film
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tweak card styles

Browse source
This commit is contained in:
Campbell Alden 2022-08-31 23:13:41 +09:00
parent a39b97bd33
commit a8fdcc3612
2 changed files with 14 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
docs/card.css
View file

@ -6,7 +6,7 @@
background: var(--color-primary); background: var(--color-primary);
aspect-ratio: 2 / 3; aspect-ratio: 2 / 3;
flex-basis: 280px; flex-basis: 280px;
max-width: 300px; max-width: 280px;
padding: 10px; padding: 10px;
} }
@ -21,13 +21,17 @@
flex-basis: 99.9999%; flex-basis: 99.9999%;
} }
.card h3 {
margin: 0 !important;
}
.card:hover .card-content { .card:hover .card-content {
flex-basis: 50%; flex-basis: 45%;
transition-delay: 0ms; transition-delay: 0ms;
padding-top: 10px; padding-top: 10px;
} }
.card:hover .card-image { .card:hover .card-image {
flex-basis: 50%; flex-basis: 55%;
transition-delay: 0ms; transition-delay: 0ms;
} }

10
static/card.css
View file

@ -6,7 +6,7 @@
background: var(--color-primary); background: var(--color-primary);
aspect-ratio: 2 / 3; aspect-ratio: 2 / 3;
flex-basis: 280px; flex-basis: 280px;
max-width: 300px; max-width: 280px;
padding: 10px; padding: 10px;
} }
@ -21,13 +21,17 @@
flex-basis: 99.9999%; flex-basis: 99.9999%;
} }
.card h3 {
margin: 0 !important;
}
.card:hover .card-content { .card:hover .card-content {
flex-basis: 50%; flex-basis: 45%;
transition-delay: 0ms; transition-delay: 0ms;
padding-top: 10px; padding-top: 10px;
} }
.card:hover .card-image { .card:hover .card-image {
flex-basis: 50%; flex-basis: 55%;
transition-delay: 0ms; transition-delay: 0ms;
} }