chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

try removing background of header text when not against image

Browse Source
This commit is contained in:
Chuck Dries
2022-10-16 20:31:42 -07:00
parent f092be39a5
commit 3ea124e7ff
3 changed files with 29 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/global.css
View File

@@ -57,6 +57,24 @@
height: 67vw;
}
}
.cool-border-big {
border: 1px solid rgb(var(--dark-vibrant));
background: rgb(var(--light-vibrant));
box-shadow: 10px 10px 0px 0px rgb(var(--dark-vibrant));
}
.cool-border-small {
color: rgb(var(--dark-vibrant));
border: 1px solid rgb(var(--dark-vibrant));
background: rgb(var(--light-vibrant));
box-shadow: 3px 3px 0px 0px rgb(var(--dark-vibrant));
}
.cool-border-small:hover {
box-shadow: 6px 6px 0px 0px rgb(var(--dark-vibrant));
}
.cool-border-small-light {
border: 1px solid rgb(var(--light-vibrant));
box-shadow: 3px 3px 0px 0px rgb(var(--light-vibrant));
}
}
body {

20
src/styles/index.css
View File

@@ -2,23 +2,3 @@
text-vibrant-dark border-vibrant bg-vibrant-light
} */
.cool-border-big {
color: rgb(var(--dark-vibrant));
border: 1px solid rgb(var(--dark-vibrant));
background: rgb(var(--light-vibrant));
box-shadow: 10px 10px 0px 0px rgb(var(--dark-vibrant));
}
.cool-border-small {
color: rgb(var(--dark-vibrant));
border: 1px solid rgb(var(--dark-vibrant));
background: rgb(var(--light-vibrant));
box-shadow: 3px 3px 0px 0px rgb(var(--dark-vibrant));
}
.cool-border-small:hover{
box-shadow: 6px 6px 0px 0px rgb(var(--dark-vibrant));
}
.cool-border-small-light {
border: 1px solid rgb(var(--light-vibrant));
box-shadow: 3px 3px 0px 0px rgb(var(--light-vibrant));
}