Skip to content

Commit 96dae3a

Browse files
osamajandaliosamajandali
committed
Add callout component styles in globals.css.
1 parent f6f78fe commit 96dae3a

2 files changed

Lines changed: 24 additions & 1 deletion

File tree

‎src/layouts/layout.astro‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@ interface Props {
99
}
1010
1111
const { pageName, description = "Everything you need to know about the Green Software Foundation - discover sustainable software practices, connect with eco-conscious developers, and join the movement for greener technology." } = Astro.props as Props;
12-
console.log(description);
1312
---
1413

1514
<html lang="en">

‎src/styles/globals.css‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -69,3 +69,27 @@
6969
@apply bg-accent-lightest-2 text-black;
7070
}
7171
}
72+
73+
@layer components {
74+
.callout {
75+
@apply flex items-start gap-3 p-4 rounded-lg border;
76+
background-color: var(--accent-lightest-1);
77+
border-color: var(--accent-light);
78+
}
79+
80+
.callout-icon {
81+
@apply text-xl flex-shrink-0 mt-0.5;
82+
}
83+
84+
.callout-content {
85+
@apply flex-1;
86+
}
87+
88+
.callout-content p {
89+
@apply m-0;
90+
}
91+
92+
.callout-content p + p {
93+
@apply mt-2;
94+
}
95+
}

0 commit comments

Comments
 (0)