@@ -180,10 +180,6 @@ sup {
|
||||
transform: scale(0);
|
||||
transform-origin: 20px 20px;
|
||||
}
|
||||
#show-menu:checked ~ .menu-body
|
||||
{
|
||||
display: flex;
|
||||
}
|
||||
#show-menu:checked ~ .menu-body .menu-item a
|
||||
{
|
||||
transform: scale(1);
|
||||
@@ -197,6 +193,8 @@ sup {
|
||||
|
||||
.landing nav .menu .menu-body {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
right: 0;
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
@@ -212,6 +210,11 @@ sup {
|
||||
background: #000;
|
||||
border-radius: 50%;
|
||||
}
|
||||
/* Fixes a positionning bug in IE11 */
|
||||
.landing nav .menu .menu-body > .menu-item:nth-child(1) { order: 4 }
|
||||
.landing nav .menu .menu-body > .menu-item:nth-child(2) { order: 3 }
|
||||
.landing nav .menu .menu-body > .menu-item:nth-child(3) { order: 2 }
|
||||
.landing nav .menu .menu-body > .menu-item:nth-child(4) { order: 1 }
|
||||
/* Colour formatting no need to depend on active */
|
||||
.landing nav .menu .menu-body .menu-item:nth-child(1) a:hover {background: #00a0a3}
|
||||
.landing nav .menu .menu-body .menu-item:nth-child(2) a:hover {background: #9b1f82}
|
||||
|
||||
Reference in New Issue
Block a user