ok i accidentally lost the card css but here it is again

This commit is contained in:
2025-12-28 19:54:16 -08:00
parent 896e0e17b4
commit 38366d7d84
2 changed files with 58 additions and 0 deletions

View File

@ -17,6 +17,7 @@
<meta property="og:image:alt" content="blue and gold icon showing a greeting card with wings" />
<!-- CSS -->
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/cards.css">
</head>
<body>
<header>

57
css/cards.css Normal file
View File

@ -0,0 +1,57 @@
.card {
color: var(--color-accent);
}
p .card {
text-transform: uppercase;
font-weight: 700;
}
.stop {
color: var(--color-accent);
position: relative;
list-style: none;
padding-left: 1.5rem;
}
.stop:not(:last-child) {
padding-bottom: 2rem;
}
.stop:before {
background-color: var(--color-accent);
width: .1rem;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
svg {
margin-left: -2.2rem;
width: 2rem;
fill: var(--color-accent);
float: left;
padding: .4rem .5rem 0 0;
}
@media (max-width: 650px) {
svg {
padding-top: .2rem;
}
}
.stop h2 {
margin: 0;
}
.stop img {
width: 100%;
}
.stop p {
margin: 0;
color: var(--color-text);
padding-top: .5rem;
}