Compare commits
9 Commits
v1.0
..
2af76dc992
| Author | SHA1 | Date | |
|---|---|---|---|
| 2af76dc992 | |||
| 1c7f7d9642 | |||
| a6c7b063ca | |||
| 85edb8ae02 | |||
| 25ec79a4ae | |||
| dc93f8c6cc | |||
| 7f7357a835 | |||
| 9e1233ce7a | |||
| d663e33c87 |
+11
-6
@@ -208,6 +208,7 @@ html,
|
||||
body {
|
||||
margin: 0;
|
||||
background: var(--color-background);
|
||||
scroll-padding-top: 8rem; /* https://tetralogical.com/blog/2023/06/08/focus-in-view/ */
|
||||
}
|
||||
|
||||
html {
|
||||
@@ -235,7 +236,6 @@ h4,
|
||||
h5,
|
||||
h6,
|
||||
p {
|
||||
scroll-margin-top: 132px;
|
||||
width: clamp(min(100%, 40ch), 50ch, min(100%, 60ch));
|
||||
}
|
||||
|
||||
@@ -371,10 +371,10 @@ a:hover {
|
||||
text-decoration-thickness: 0.175rem;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
/* a:visited {
|
||||
color: var(--color-primary);
|
||||
text-decoration-thickness: 0.175rem;
|
||||
}
|
||||
} */
|
||||
|
||||
button, .button-primary, .button-secondary, .menu-button, .logo {
|
||||
appearance: none;
|
||||
@@ -425,6 +425,7 @@ button, .button-primary, .logo {
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
button:hover, .button-primary:hover, .button-secondary:hover, .logo:hover {
|
||||
text-decoration: none;
|
||||
transform: scale(1.05);
|
||||
@@ -439,11 +440,12 @@ button:hover, .button-primary:hover, .logo:hover {
|
||||
background: var(--color-button-secondary-hover);
|
||||
color: var(--color-text-button-secondary-hover);
|
||||
}
|
||||
}
|
||||
|
||||
button:active, .button-primary:active, .button-secondary:active, .logo:active {
|
||||
box-shadow: var(--shadow-button-active);
|
||||
text-decoration: none;
|
||||
transform: scale(1.05);
|
||||
transform: scale(1.00);
|
||||
}
|
||||
|
||||
button:active, .button-primary:active, .logo:active {
|
||||
@@ -456,7 +458,7 @@ button:active, .button-primary:active, .logo:active {
|
||||
color: var(--color-text-button-secondary-active);
|
||||
}
|
||||
|
||||
button:visited, .button-primary:visited, .logo:visited {
|
||||
/* button:visited, .button-primary:visited, .logo:visited {
|
||||
background: var(--color-button-primary);
|
||||
color: var(--color-text-button-primary);
|
||||
text-decoration: none;
|
||||
@@ -466,7 +468,7 @@ button:visited, .button-primary:visited, .logo:visited {
|
||||
background: var(--color-button-secondary);
|
||||
color: var(--color-text-button-secondary);
|
||||
text-decoration: none;
|
||||
}
|
||||
} */
|
||||
|
||||
.button-primary span {
|
||||
margin-right: 0.3em;
|
||||
@@ -496,6 +498,9 @@ button:visited, .button-primary:visited, .logo:visited {
|
||||
76%,
|
||||
light-dark(var(--gradient-stop-4-light), var(--gradient-stop-4-dark)) 100%
|
||||
);
|
||||
/* background: rgb(255 255 255 / 0.88); */
|
||||
/* backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px); */
|
||||
}
|
||||
|
||||
.menu-bar {
|
||||
|
||||
+2
-2
@@ -1,5 +1,7 @@
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="en">
|
||||
|
||||
<!-- test commment -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
@@ -78,8 +80,6 @@
|
||||
|
||||
</div>
|
||||
|
||||
<!-- <div class="footer-fade"></div> -->
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
Reference in New Issue
Block a user