autopref & typo

This commit is contained in:
nnwhen 2025-03-20 16:21:55 +02:00
parent 1a621b7009
commit 8c6fa37b77
4 changed files with 77 additions and 2 deletions

View file

@ -11,6 +11,7 @@
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@ -35,7 +36,12 @@ a:hover {
background-color: var(--orange);
}
nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
text-align: center;
@ -46,6 +52,10 @@ nav a {
background-color: var(--red);
color: var(--white);
-webkit-transition: ease-out 100ms;
-o-transition: ease-out 100ms;
transition: ease-out 100ms;
}
nav a:hover {
@ -58,6 +68,8 @@ nav a:hover {
left: 40px;
width: 80%;
height: 60px;
-webkit-transform: rotate(-0.4deg);
-ms-transform: rotate(-0.4deg);
transform: rotate(-0.4deg);
background-color: var(--orange);
}
@ -75,7 +87,10 @@ nav a:hover {
#headnav {
margin: 20px auto;
margin-bottom: 30px;
-webkit-transform: rotate(1deg);
-ms-transform: rotate(1deg);
transform: rotate(1deg);
-webkit-box-shadow: #00000085 0 1px 2px;
box-shadow: #00000085 0 1px 2px;
}
#headnav a {
@ -85,6 +100,8 @@ nav a:hover {
margin-left: 10px;
}
#headnav .spacer {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@ -94,6 +111,8 @@ nav a:hover {
margin-top: 30px;
}
#socials a {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: calc(100% / 5);
padding: 5px;
@ -111,10 +130,14 @@ nav a:hover {
left: 0;
height: 100%;
width: 25px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: mixed;
margin: auto 0;
margin-right: 5px;
-webkit-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
transform: rotate(0deg) !important;
z-index: 100;