Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/fuel/fuel-menu.css
- This file was added.
/** | |||||
* @provides fuel-menu-css | |||||
*/ | |||||
.fuel-menu-item-icon { | |||||
width: 14px; | |||||
height: 14px; | |||||
position: absolute; | |||||
left: 8px; | |||||
top: 4px; | |||||
text-align: center; | |||||
} | |||||
.fuel-menu-item-link { | |||||
padding: 4px 4px 4px 28px; | |||||
position: relative; | |||||
display: block; | |||||
overflow: hidden; | |||||
white-space: nowrap; | |||||
text-overflow: ellipsis; | |||||
color: {$greytext}; | |||||
cursor: default; | |||||
border-radius: 3px; | |||||
} | |||||
.fuel-menu-item.disabled > .fuel-menu-item-link { | |||||
color: {$lightgreytext}; | |||||
} | |||||
.fuel-menu-item.has-link > .fuel-menu-item-link { | |||||
color: {$darkbluetext}; | |||||
cursor: pointer; | |||||
} | |||||
.device-desktop .fuel-menu-item > .fuel-menu-item-link:hover { | |||||
text-decoration: none; | |||||
} | |||||
.device-desktop .fuel-menu-item.has-link > .fuel-menu-item-link:hover { | |||||
color: {$sky}; | |||||
background: rgba({$alphablue}, .08); | |||||
} | |||||
.fuel-menu-item-background-color-orange > .fuel-menu-item-link { | |||||
background: {$sh-orangebackground}; | |||||
} | |||||
.device-desktop .fuel-menu-item.has-link.fuel-menu-item-background-color-orange | |||||
> .fuel-menu-item-link:hover { | |||||
background: {$lightorange}; | |||||
color: {$orange}; | |||||
} |