@@ -180,10 +180,6 @@ sup {
|
|||||||
transform: scale(0);
|
transform: scale(0);
|
||||||
transform-origin: 20px 20px;
|
transform-origin: 20px 20px;
|
||||||
}
|
}
|
||||||
#show-menu:checked ~ .menu-body
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
#show-menu:checked ~ .menu-body .menu-item a
|
#show-menu:checked ~ .menu-body .menu-item a
|
||||||
{
|
{
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
@@ -197,6 +193,8 @@ sup {
|
|||||||
|
|
||||||
.landing nav .menu .menu-body {
|
.landing nav .menu .menu-body {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row-reverse;
|
||||||
right: 0;
|
right: 0;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -212,6 +210,11 @@ sup {
|
|||||||
background: #000;
|
background: #000;
|
||||||
border-radius: 50%;
|
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 */
|
/* 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(1) a:hover {background: #00a0a3}
|
||||||
.landing nav .menu .menu-body .menu-item:nth-child(2) a:hover {background: #9b1f82}
|
.landing nav .menu .menu-body .menu-item:nth-child(2) a:hover {background: #9b1f82}
|
||||||
|
|||||||
Reference in New Issue
Block a user