Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-16 01:32:02 +10:00
Code Issues Packages Projects Releases Wiki Activity

- creating the right sidebar

Browse Source 
- designing the artboard
- optimizing dark mode performance
- optimizing input onChange handler
This commit is contained in:
Amruth Pillai
2020-07-05 11:34:32 +05:30
parent 6f66181c17
commit 202c7f5ad4
28 changed files with 285 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/colors.css
View File

@ -3,4 +3,6 @@
--color-primary-dark: #333;
--color-inverse: #fff;
--color-inverse-dark: #f5f5f5;
--color-secondary: #edf2f7;
--color-secondary-dark: #718096;
}

6
src/styles/global.css
View File

@ -24,5 +24,9 @@ a:hover {
}
hr {
@apply w-full h-1;
@apply w-full border-secondary h-1;
}
section {
@apply grid grid-cols-1 gap-8;
}

9
src/styles/shadows.css
View File

@ -1,6 +1,7 @@
:root {
--shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
--shadow-strong: 0 0 8px 0 rgba(0, 0, 0, 0.08);
--left-shadow: 8px 0 8px -4px rgba(0, 0, 0, 0.04);
--bottom-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.04);
--shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
--shadow-strong: 0 0 6px 0 rgba(0, 0, 0, 0.1);
--left-shadow: 6px 0 6px -6px rgba(0, 0, 0, 0.05);
--right-shadow: -6px 0 6px -6px rgba(0, 0, 0, 0.05);
--bottom-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.05);
}