Project card text sizes and text shadow

This commit is contained in:
dave onion 2026-03-25 11:12:49 -04:00
parent 7a6282324d
commit de3df7411a
3 changed files with 19 additions and 3 deletions

View file

@ -11103,6 +11103,12 @@ a.card.is-dandelion:hover > .card-image {
color: inherit; color: inherit;
margin-right: -1.2em; margin-right: -1.2em;
overflow-wrap: break-word; overflow-wrap: break-word;
text-shadow: 1px 1px #878787;
}
@media (width > 1500px) {
.card-project .card-content .title {
font-size: 2.5rem;
}
} }
.card-project .card-content .title + .subtitle { .card-project .card-content .title + .subtitle {
margin-top: 0.5rem; margin-top: 0.5rem;
@ -11111,10 +11117,14 @@ a.card.is-dandelion:hover > .card-image {
padding: 0.5rem 0.5rem 0.5rem 1rem; padding: 0.5rem 0.5rem 0.5rem 1rem;
color: inherit; color: inherit;
font-family: "Anonymous Pro", "Andale Mono", AndaleMono, monospace; font-family: "Anonymous Pro", "Andale Mono", AndaleMono, monospace;
font-size: 0.88rem;
margin-right: -0.5em; margin-right: -0.5em;
overflow-wrap: break-word; overflow-wrap: break-word;
} }
@media (width < 1500px) {
.card-project .card-content .subtitle {
font-size: 0.88rem;
}
}
.card-project .card-content::before { .card-project .card-content::before {
content: ""; content: "";
width: 1px; width: 1px;

File diff suppressed because one or more lines are too long

View file

@ -181,6 +181,10 @@ a.card.is-dandelion:hover {
color: inherit; color: inherit;
margin-right: -1.2em; margin-right: -1.2em;
overflow-wrap: break-word; overflow-wrap: break-word;
text-shadow: 1px 1px #878787;
@media (width > 1500px) {
font-size: $size-3;
}
} }
.title + .subtitle { .title + .subtitle {
@ -191,9 +195,11 @@ a.card.is-dandelion:hover {
padding: 0.5rem 0.5rem 0.5rem 1rem; padding: 0.5rem 0.5rem 0.5rem 1rem;
color: inherit; color: inherit;
font-family: $family-monospace; font-family: $family-monospace;
font-size: $size-6;
margin-right: -0.5em; margin-right: -0.5em;
overflow-wrap: break-word; overflow-wrap: break-word;
@media (width < 1500px) {
font-size: $size-6;
}
} }
} }