yaffs.net Git - yaffs-website/blob - web/core/modules/shortcut/css/shortcut.icons.theme.css

   1 /**
   2  * @file
   3  * Styling for the shortcut module icons.
   4  */
   5
   6 /**
   7  * Toolbar tab icon.
   8  */
   9 .toolbar-bar .toolbar-icon-shortcut:before {
  10   background-image: url(../../../misc/icons/bebebe/star.svg);
  11 }
  12 .toolbar-bar .toolbar-icon-shortcut:active:before,
  13 .toolbar-bar .toolbar-icon-shortcut.is-active:before {
  14   background-image: url(../../../misc/icons/ffffff/star.svg);
  15 }
  16
  17 /**
  18  * Add/remove links.
  19  */
  20 .shortcut-action__icon {
  21   background: transparent url(../images/favstar.svg) no-repeat left top;
  22   width: 20px;
  23   height: 20px;
  24   display: inline-block;
  25   vertical-align: -2px;
  26 }
  27 [dir="rtl"] .shortcut-action__icon {
  28   background-image: url(../images/favstar-rtl.svg);
  29 }
  30 .shortcut-action--add:hover .shortcut-action__icon,
  31 .shortcut-action--add:focus .shortcut-action__icon {
  32   background-position: -20px top;
  33 }
  34 .shortcut-action--remove .shortcut-action__icon {
  35   background-position: -40px top;
  36 }
  37 .shortcut-action--remove:focus .shortcut-action__icon,
  38 .shortcut-action--remove:hover .shortcut-action__icon {
  39   background-position: -60px top;
  40 }