improve styles; on hover not really working
parent
1b387d215f
commit
212bba2c37
|
@ -687,14 +687,14 @@ header .prev-links:hover {
|
||||||
|
|
||||||
header .prev-links {
|
header .prev-links {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 4em;
|
||||||
left: 0;
|
left: 0;
|
||||||
color: #7d7d7d;
|
color: #7d7d7d;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
|
||||||
border-radius: .2em;
|
border-radius: .2em;
|
||||||
flex-direction: column-reverse;
|
flex-direction: column-reverse;
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -702,6 +702,16 @@ header .prev-links {
|
||||||
min-width: 12em;
|
min-width: 12em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
header .prev-links:before {
|
||||||
|
top: -16px;
|
||||||
|
left: 1em;
|
||||||
|
right: auto;
|
||||||
|
border: 8px solid transparent;
|
||||||
|
border-bottom-color: #68efad;
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
header .prev-links a {
|
header .prev-links a {
|
||||||
padding: .5em;
|
padding: .5em;
|
||||||
border-bottom: 1px solid #f5f5f5;
|
border-bottom: 1px solid #f5f5f5;
|
||||||
|
|
Loading…
Reference in New Issue