Line 531: | Line 531: | ||
} | } | ||
− | nav ul a:hover, nav ul li:hover .dropbtn{ | + | nav ul a:hover, nav ul li:hover .dropbtn, .show .dropbtn{ |
background-color: var(--logo-pink); | background-color: var(--logo-pink); | ||
box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1); | box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1); | ||
Line 543: | Line 543: | ||
} | } | ||
− | nav ul li:hover .nav-dropdown { | + | nav ul li:hover .nav-dropdown, .show .nav-dropdown { |
display: block; | display: block; | ||
box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1); | box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1); | ||
Line 594: | Line 594: | ||
box-shadow: 0 3px 6px rgba(0,0,0,0.25),0 6px 16px rgba(0,0,0,0.05); | box-shadow: 0 3px 6px rgba(0,0,0,0.25),0 6px 16px rgba(0,0,0,0.05); | ||
height: 45px; | height: 45px; | ||
+ | } | ||
+ | |||
+ | @media (pointer: coarse) { | ||
+ | .dropbtn span:after { | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | transform: rotate(-90deg); | ||
+ | display: inline-block; | ||
+ | font-weight: bold; | ||
+ | font-family: var(--headfont); | ||
+ | content: '\2039'; | ||
+ | } | ||
} | } | ||
Revision as of 14:45, 15 December 2017