dereklseitz/dlseitz.dev-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add box-shadow to all cta/submit/reset buttons

Browse Source
This commit is contained in:
Derek L. Seitz
2025-09-07 18:03:56 -05:00
parent 9680a4936c
commit b2ceb8a33f
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/about.css
View File

@@ -234,11 +234,13 @@ button[type="submit"], button[type="reset"] {
border-radius: 50px; border-radius: 50px;
font-size: 1rem; font-size: 1rem;
cursor: pointer; cursor: pointer;
box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
} }
button[type="submit"]:hover, button[type="reset"]:hover { button[type="submit"]:hover, button[type="reset"]:hover {
background-color: #2e97be; background-color: #2e97be;
box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4);
} }
.honeypot-field { .honeypot-field {

2
src/styles/header-footer.css
View File

@@ -29,7 +29,7 @@
text-decoration: none; text-decoration: none;
font-weight: 500; font-weight: 500;
transition: all 0.3s ease; transition: all 0.3s ease;
padding: 8px 15px; padding: 4px 15px;
border-radius: 5px; border-radius: 5px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;

5
src/styles/index.css
View File

@@ -285,18 +285,19 @@ body {
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: 600;
border-radius: 50px; border-radius: 50px;
box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
transition: background-color 0.3s ease, box-shadow 0.3s ease; transition: background-color 0.3s ease, box-shadow 0.3s ease;
} }
.demos-link:hover, .demos-link:hover,
.cta-button:hover { .cta-button:hover {
background-color: #2e97be; background-color: #2e97be;
box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2); box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4);
} }
.demos-link:active, .cta-button:active { .demos-link:active, .cta-button:active {
background-color: #ca6e0b; background-color: #ca6e0b;
box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2); box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
} }
.project-steps { .project-steps {