Chris@0: /**
Chris@0:  * @file
Chris@0:  * Styling for the shortcut module icons.
Chris@0:  */
Chris@0: 
Chris@0: /**
Chris@0:  * Toolbar tab icon.
Chris@0:  */
Chris@0: .toolbar-bar .toolbar-icon-shortcut:before {
Chris@0:   background-image: url(../../../misc/icons/bebebe/star.svg);
Chris@0: }
Chris@0: .toolbar-bar .toolbar-icon-shortcut:active:before,
Chris@0: .toolbar-bar .toolbar-icon-shortcut.is-active:before {
Chris@0:   background-image: url(../../../misc/icons/ffffff/star.svg);
Chris@0: }
Chris@0: 
Chris@0: /**
Chris@0:  * Add/remove links.
Chris@0:  */
Chris@0: .shortcut-action__icon {
Chris@18:   display: inline-block;
Chris@0:   width: 20px;
Chris@0:   height: 20px;
Chris@0:   vertical-align: -2px;
Chris@18:   background: transparent url(../images/favstar.svg) no-repeat left top;
Chris@0: }
Chris@0: [dir="rtl"] .shortcut-action__icon {
Chris@0:   background-image: url(../images/favstar-rtl.svg);
Chris@0: }
Chris@0: .shortcut-action--add:hover .shortcut-action__icon,
Chris@0: .shortcut-action--add:focus .shortcut-action__icon {
Chris@0:   background-position: -20px top;
Chris@0: }
Chris@0: .shortcut-action--remove .shortcut-action__icon {
Chris@0:   background-position: -40px top;
Chris@0: }
Chris@0: .shortcut-action--remove:focus .shortcut-action__icon,
Chris@0: .shortcut-action--remove:hover .shortcut-action__icon {
Chris@0:   background-position: -60px top;
Chris@0: }