extract project link into function, update link styling
This commit is contained in:
parent
926c083fd0
commit
b5d9076a85
2 changed files with 42 additions and 17 deletions
|
@ -25,6 +25,7 @@
|
|||
:root {
|
||||
font-family: "DM Mono", "Courier New", Courier, monospace;
|
||||
background-color: hsl(224, 44%, 95%);
|
||||
--color-theme-1: #ff3e00;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -42,11 +43,24 @@ nav {
|
|||
gap: 15px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-theme-1);
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid transparent;
|
||||
transition-property: border-color;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
border-color: var(--color-theme-1);
|
||||
}
|
||||
|
||||
nav a {
|
||||
color: gray;
|
||||
transition-property: color;
|
||||
transition-duration: 0.5s;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
nav a:hover,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue