autopref & typo
This commit is contained in:
parent
1a621b7009
commit
8c6fa37b77
4 changed files with 77 additions and 2 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue