mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-16 09:41:31 +10:00
🚀 release v3.0.0
This commit is contained in:
50
client/styles/pages/Home.module.scss
Normal file
50
client/styles/pages/Home.module.scss
Normal file
@ -0,0 +1,50 @@
|
||||
.container {
|
||||
@apply m-6 grid gap-8 text-center md:m-8 md:text-left;
|
||||
|
||||
footer > div {
|
||||
@apply text-xs font-medium opacity-50 mt-2;
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
@apply flex flex-col items-center gap-8 md:flex-row;
|
||||
|
||||
.logo {
|
||||
@apply h-64 w-64;
|
||||
}
|
||||
|
||||
.main {
|
||||
@apply grid md:flex-1 md:justify-start;
|
||||
|
||||
h1 {
|
||||
@apply text-4xl font-bold;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@apply opacity-50;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.buttonWrapper {
|
||||
@apply mt-8 flex justify-center gap-4 md:justify-start;
|
||||
}
|
||||
|
||||
.section {
|
||||
h6 {
|
||||
@apply mb-2 text-xs font-bold uppercase tracking-wide;
|
||||
}
|
||||
|
||||
p {
|
||||
@apply text-sm leading-relaxed;
|
||||
}
|
||||
}
|
||||
|
||||
.screenshots {
|
||||
@apply grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4;
|
||||
|
||||
.image {
|
||||
@apply relative h-64 rounded hover:opacity-75;
|
||||
@apply border-2 dark:border-neutral-700;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user