mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-19 03:01:53 +10:00
🚀 release: v3.0.0
This commit is contained in:
Amruth Pillai
36
apps/client/styles/globals.scss
Normal file
36
apps/client/styles/globals.scss
Normal file
@ -0,0 +1,36 @@
|
||||
// Icons & Fonts
|
||||
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
|
||||
|
||||
// Tailwind CSS
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
* {
|
||||
@apply focus:outline-none;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
@apply font-inter text-sm;
|
||||
@apply bg-neutral-50 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100;
|
||||
}
|
||||
|
||||
p {
|
||||
@apply leading-relaxed;
|
||||
}
|
||||
|
||||
a {
|
||||
@apply cursor-pointer font-medium hover:underline;
|
||||
}
|
||||
}
|
||||
|
||||
// Partials
|
||||
@import 'partials/reset';
|
||||
@import 'partials/forms';
|
||||
@import 'partials/toast';
|
||||
3
apps/client/styles/pages/Build.module.scss
Normal file
3
apps/client/styles/pages/Build.module.scss
Normal file
@ -0,0 +1,3 @@
|
||||
.container {
|
||||
@apply h-screen w-screen overflow-hidden;
|
||||
}
|
||||
11
apps/client/styles/pages/Dashboard.module.scss
Normal file
11
apps/client/styles/pages/Dashboard.module.scss
Normal file
@ -0,0 +1,11 @@
|
||||
.container {
|
||||
@apply m-4 grid gap-6 sm:mx-6;
|
||||
|
||||
header {
|
||||
@apply flex items-center justify-between;
|
||||
}
|
||||
}
|
||||
|
||||
.resumes {
|
||||
@apply grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6;
|
||||
}
|
||||
46
apps/client/styles/pages/Home.module.scss
Normal file
46
apps/client/styles/pages/Home.module.scss
Normal file
@ -0,0 +1,46 @@
|
||||
.container {
|
||||
@apply m-6 grid gap-8 text-center md:m-8 md:text-left;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
20
apps/client/styles/pages/Preview.module.scss
Normal file
20
apps/client/styles/pages/Preview.module.scss
Normal file
@ -0,0 +1,20 @@
|
||||
.container {
|
||||
@apply my-8 flex flex-col items-center;
|
||||
}
|
||||
|
||||
.download {
|
||||
@apply fixed bottom-6 right-6;
|
||||
|
||||
button {
|
||||
@apply flex gap-2 px-4 py-3 shadow dark:bg-neutral-600/25;
|
||||
@apply rounded-full transition-colors;
|
||||
|
||||
&:hover {
|
||||
@apply dark:bg-neutral-500/25;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
@apply mt-6 text-center text-xs font-medium opacity-50;
|
||||
}
|
||||
3
apps/client/styles/pages/Printer.module.scss
Normal file
3
apps/client/styles/pages/Printer.module.scss
Normal file
@ -0,0 +1,3 @@
|
||||
.container {
|
||||
@apply bg-white text-black;
|
||||
}
|
||||
25
apps/client/styles/partials/_forms.scss
Normal file
25
apps/client/styles/partials/_forms.scss
Normal file
@ -0,0 +1,25 @@
|
||||
.form-control {
|
||||
@apply flex flex-col;
|
||||
|
||||
span:first-child {
|
||||
@apply block cursor-pointer text-[10px] font-semibold uppercase leading-6 tracking-wider;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
@apply rounded px-4 py-2 transition;
|
||||
@apply bg-neutral-100 text-neutral-800 dark:bg-neutral-800 dark:text-neutral-50;
|
||||
@apply border border-transparent border-opacity-50 focus:border-neutral-400 dark:focus:border-neutral-600;
|
||||
}
|
||||
|
||||
.error {
|
||||
@apply pt-2 text-xs text-red-600 dark:text-red-400;
|
||||
}
|
||||
|
||||
&.file {
|
||||
> input {
|
||||
@apply p-0;
|
||||
@apply file:mr-4 file:border-0 file:bg-neutral-700 file:py-2 file:px-5 file:font-semibold file:text-neutral-50 file:hover:bg-neutral-600;
|
||||
}
|
||||
}
|
||||
}
|
||||
280
apps/client/styles/partials/_reset.scss
Normal file
280
apps/client/styles/partials/_reset.scss
Normal file
@ -0,0 +1,280 @@
|
||||
.reset {
|
||||
// Fallback
|
||||
align-content: stretch;
|
||||
align-items: stretch;
|
||||
align-self: auto;
|
||||
animation-delay: 0s;
|
||||
animation-direction: normal;
|
||||
animation-duration: 0s;
|
||||
animation-fill-mode: none;
|
||||
animation-iteration-count: 1;
|
||||
animation-name: none;
|
||||
animation-play-state: running;
|
||||
animation-timing-function: ease;
|
||||
azimuth: center;
|
||||
backface-visibility: visible;
|
||||
background-attachment: scroll;
|
||||
background-blend-mode: normal;
|
||||
background-clip: border-box;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
background-origin: padding-box;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
background-size: auto auto;
|
||||
block-size: auto;
|
||||
border-block-end-color: currentcolor;
|
||||
border-block-end-style: none;
|
||||
border-block-end-width: medium;
|
||||
border-block-start-color: currentcolor;
|
||||
border-block-start-style: none;
|
||||
border-block-start-width: medium;
|
||||
border-bottom-color: currentcolor;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-style: none;
|
||||
border-bottom-width: medium;
|
||||
border-collapse: separate;
|
||||
border-image-outset: 0s;
|
||||
border-image-repeat: stretch;
|
||||
border-image-slice: 100%;
|
||||
border-image-source: none;
|
||||
border-image-width: 1;
|
||||
border-inline-end-color: currentcolor;
|
||||
border-inline-end-style: none;
|
||||
border-inline-end-width: medium;
|
||||
border-inline-start-color: currentcolor;
|
||||
border-inline-start-style: none;
|
||||
border-inline-start-width: medium;
|
||||
border-left-color: currentcolor;
|
||||
border-left-style: none;
|
||||
border-left-width: medium;
|
||||
border-right-color: currentcolor;
|
||||
border-right-style: none;
|
||||
border-right-width: medium;
|
||||
border-spacing: 0;
|
||||
border-top-color: currentcolor;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-top-style: none;
|
||||
border-top-width: medium;
|
||||
bottom: auto;
|
||||
box-decoration-break: slice;
|
||||
box-shadow: none;
|
||||
box-sizing: content-box;
|
||||
break-after: auto;
|
||||
break-before: auto;
|
||||
break-inside: auto;
|
||||
caption-side: top;
|
||||
caret-color: auto;
|
||||
clear: none;
|
||||
clip: auto;
|
||||
clip-path: none;
|
||||
color: initial;
|
||||
column-count: auto;
|
||||
column-fill: balance;
|
||||
column-gap: normal;
|
||||
column-rule-color: currentcolor;
|
||||
column-rule-style: none;
|
||||
column-rule-width: medium;
|
||||
column-span: none;
|
||||
column-width: auto;
|
||||
content: normal;
|
||||
counter-increment: none;
|
||||
counter-reset: none;
|
||||
cursor: auto;
|
||||
display: inline;
|
||||
empty-cells: show;
|
||||
filter: none;
|
||||
flex-basis: auto;
|
||||
flex-direction: row;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 1;
|
||||
flex-wrap: nowrap;
|
||||
float: none;
|
||||
font-family: initial;
|
||||
font-feature-settings: normal;
|
||||
font-kerning: auto;
|
||||
font-language-override: normal;
|
||||
font-size: medium;
|
||||
font-size-adjust: none;
|
||||
font-stretch: normal;
|
||||
font-style: normal;
|
||||
font-synthesis: weight style;
|
||||
font-variant: normal;
|
||||
font-variant-alternates: normal;
|
||||
font-variant-caps: normal;
|
||||
font-variant-east-asian: normal;
|
||||
font-variant-ligatures: normal;
|
||||
font-variant-numeric: normal;
|
||||
font-variant-position: normal;
|
||||
font-weight: normal;
|
||||
grid-auto-columns: auto;
|
||||
grid-auto-flow: row;
|
||||
grid-auto-rows: auto;
|
||||
grid-column-end: auto;
|
||||
grid-column-gap: 0;
|
||||
grid-column-start: auto;
|
||||
grid-row-end: auto;
|
||||
grid-row-gap: 0;
|
||||
grid-row-start: auto;
|
||||
grid-template-areas: none;
|
||||
grid-template-columns: none;
|
||||
grid-template-rows: none;
|
||||
height: auto;
|
||||
hyphens: manual;
|
||||
image-orientation: 0deg;
|
||||
image-rendering: auto;
|
||||
image-resolution: 1dppx;
|
||||
ime-mode: auto;
|
||||
inline-size: auto;
|
||||
isolation: auto;
|
||||
justify-content: flex-start;
|
||||
left: auto;
|
||||
letter-spacing: normal;
|
||||
line-break: auto;
|
||||
line-height: normal;
|
||||
list-style-image: none;
|
||||
list-style-position: outside;
|
||||
list-style-type: disc;
|
||||
margin-block-end: 0;
|
||||
margin-block-start: 0;
|
||||
margin-bottom: 0;
|
||||
margin-inline-end: 0;
|
||||
margin-inline-start: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-top: 0;
|
||||
mask-clip: border-box;
|
||||
mask-composite: add;
|
||||
mask-image: none;
|
||||
mask-mode: match-source;
|
||||
mask-origin: border-box;
|
||||
mask-position: 0% 0%;
|
||||
mask-repeat: repeat;
|
||||
mask-size: auto;
|
||||
mask-type: luminance;
|
||||
max-height: none;
|
||||
max-width: none;
|
||||
min-block-size: 0;
|
||||
min-height: 0;
|
||||
min-inline-size: 0;
|
||||
min-width: 0;
|
||||
mix-blend-mode: normal;
|
||||
object-fit: fill;
|
||||
object-position: 50% 50%;
|
||||
offset-block-end: auto;
|
||||
offset-block-start: auto;
|
||||
offset-inline-end: auto;
|
||||
offset-inline-start: auto;
|
||||
opacity: 1;
|
||||
order: 0;
|
||||
orphans: 2;
|
||||
outline-color: initial;
|
||||
outline-offset: 0;
|
||||
outline-style: none;
|
||||
outline-width: medium;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
overflow-x: visible;
|
||||
overflow-y: visible;
|
||||
padding-block-end: 0;
|
||||
padding-block-start: 0;
|
||||
padding-bottom: 0;
|
||||
padding-inline-end: 0;
|
||||
padding-inline-start: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
padding-top: 0;
|
||||
page-break-after: auto;
|
||||
page-break-before: auto;
|
||||
page-break-inside: auto;
|
||||
perspective: none;
|
||||
perspective-origin: 50% 50%;
|
||||
pointer-events: auto;
|
||||
position: static;
|
||||
quotes: initial;
|
||||
resize: none;
|
||||
right: auto;
|
||||
ruby-align: space-around;
|
||||
ruby-merge: separate;
|
||||
ruby-position: over;
|
||||
scroll-behavior: auto;
|
||||
scroll-snap-coordinate: none;
|
||||
scroll-snap-destination: 0px 0px;
|
||||
scroll-snap-points-x: none;
|
||||
scroll-snap-points-y: none;
|
||||
scroll-snap-type: none;
|
||||
shape-image-threshold: 0;
|
||||
shape-margin: 0;
|
||||
shape-outside: none;
|
||||
tab-size: 8;
|
||||
table-layout: auto;
|
||||
text-align: initial;
|
||||
text-align-last: auto;
|
||||
text-combine-upright: none;
|
||||
text-decoration-color: currentcolor;
|
||||
text-decoration-line: none;
|
||||
text-decoration-style: solid;
|
||||
text-emphasis-color: currentcolor;
|
||||
text-emphasis-position: over right;
|
||||
text-emphasis-style: none;
|
||||
text-indent: 0;
|
||||
text-justify: auto;
|
||||
text-orientation: mixed;
|
||||
text-overflow: clip;
|
||||
text-rendering: auto;
|
||||
text-shadow: none;
|
||||
text-transform: none;
|
||||
text-underline-position: auto;
|
||||
top: auto;
|
||||
touch-action: auto;
|
||||
transform: none;
|
||||
transform-box: border-box;
|
||||
transform-origin: 50% 50% 0;
|
||||
transform-style: flat;
|
||||
transition-delay: 0s;
|
||||
transition-duration: 0s;
|
||||
transition-property: all;
|
||||
transition-timing-function: ease;
|
||||
vertical-align: baseline;
|
||||
visibility: visible;
|
||||
white-space: normal;
|
||||
widows: 2;
|
||||
width: auto;
|
||||
will-change: auto;
|
||||
word-break: normal;
|
||||
word-spacing: normal;
|
||||
word-wrap: normal;
|
||||
writing-mode: horizontal-tb;
|
||||
z-index: auto;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-ms-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
// Markdown
|
||||
.markdown {
|
||||
// Lists
|
||||
ul,
|
||||
ol {
|
||||
list-style: disc;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
// Tables
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border: 1px solid #ccc;
|
||||
text-align: left;
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
// For Modern Browsers
|
||||
all: initial;
|
||||
}
|
||||
3
apps/client/styles/partials/_toast.scss
Normal file
3
apps/client/styles/partials/_toast.scss
Normal file
@ -0,0 +1,3 @@
|
||||
.toast {
|
||||
@apply text-sm;
|
||||
}
|
||||
Reference in New Issue
Block a user