noham/lanyard-profile-readme
1
0
Fork 0
mirror of https://github.com/NohamR/lanyard-profile-readme.git synced 2026-05-26 13:41:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feat: Box shadows :)

Browse Source
This commit is contained in:
looskie
2021-06-25 21:40:28 -04:00
parent 564bb4202f
commit be28b93ef2
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
pages/index.tsx
View File

@@ -112,6 +112,7 @@ const Input = styled.input`
padding: 5px 10px; padding: 5px 10px;
color: #aaabaf; color: #aaabaf;
background: #191d28; background: #191d28;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
transition: background ease-in-out 0.2s; transition: background ease-in-out 0.2s;
&:focus { &:focus {
@@ -128,6 +129,7 @@ const Output = styled.div`
padding: 8px; padding: 8px;
backdrop-filter: blur(50px); backdrop-filter: blur(50px);
background: rgb(0, 0, 0, 0.1); background: rgb(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
`; `;
const Example = styled.img` const Example = styled.img`
@@ -135,4 +137,5 @@ const Example = styled.img`
margin: 0 auto; margin: 0 auto;
padding: 15px 20px; padding: 15px 20px;
width: 100%; width: 100%;
filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.2));
`; `;