Add hover effect to language menu

This commit is contained in:
LoveEevee
2019-01-21 22:33:33 +03:00
parent 4cb84c3426
commit 6fd37985c8
3 changed files with 18 additions and 5 deletions

View File

@@ -47,11 +47,9 @@
position: absolute;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-size: auto 70%;
background-position: 15% center;
width: 7em;
height: 4em;
color: #000;
}
#lang:focus-within{
outline: #4d90fe auto 5px;
@@ -62,6 +60,8 @@
opacity: 0;
width: 100%;
height: 100%;
color: #000;
cursor: pointer;
}
#lang-id{
position: absolute;
@@ -75,3 +75,16 @@
line-height: 2.75em;
z-index: 0;
}
#lang-icon{
position: absolute;
width: 2.8em;
height: 2.8em;
padding: 0.6em;
fill: currentColor;
}
#lang:hover #lang-icon{
color: #f00;
}
#lang:hover #lang-id::before {
-webkit-text-stroke: 0.25em #f00;
}