forked from Developer-Student-Club-UoA/links-workshop
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
28 lines (24 loc) · 1.13 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/* We use Tailwind for a lot of the default style choices to make this page more simpler */
@tailwind base;
@tailwind components;
@tailwind utilities;
body {
@apply text-3xl; /* Sane defaults that you hopefully don't need to change */
}
.app {
@apply grid h-screen; /* Sane defaults that you hopefully don't need to change */
background-color: #302C2C; /* Background colour of the whole site */
}
main {
@apply flex flex-col gap-[20px] items-center w-full place-self-center; /* Sane defaults that you hopefully don't need to change */
}
.entry {
@apply border w-full flex flex-row items-center; /* Sane defaults that you hopefully don't need to change */
background-color: #BEBABA; /* Background colour of each entry */
max-width: 350px; /* Width of each entry (at max size) */
height: 80px; /* Height of each link entry */
gap: 20px; /* Gap between the icon and the text */
padding: 20px; /* Padding around the icon and text */
color: black; /* The colour of the text */
border-radius: 5px; /* The roundness of the corners */
}