aleph1.co.uk Git - yaffs-website/blob - web/core/themes/stable/css/contextual/contextual.icons.theme.css

   1 /**
   2  * @file
   3  * Styling for contextual module icons.
   4  */
   5
   6 /**
   7  * Toolbar tab icon.
   8  */
   9 .toolbar-bar .toolbar-icon-edit:before {
  10   background-image: url(../../images/core/icons/bebebe/pencil.svg);
  11 }
  12 .toolbar-bar .toolbar-icon-edit:active:before,
  13 .toolbar-bar .toolbar-icon-edit.is-active:before {
  14   background-image: url(../../images/core/icons/ffffff/pencil.svg);
  15 }
  16
  17 /**
  18  * Contextual trigger.
  19  */
  20 .contextual .trigger {
  21   background-image: url(../../images/core/icons/bebebe/pencil.svg);
  22   background-position: center center;
  23   background-repeat: no-repeat;
  24   background-size: 16px 16px;
  25   /* Override the .focusable height: auto */
  26   height: 26px !important;
  27   /* Override the .focusable height: auto */
  28   width: 26px !important;
  29   text-indent: -9999px;
  30 }
  31
  32 .contextual .trigger:hover {
  33   background-image: url(../../images/core/icons/787878/pencil.svg);
  34 }
  35
  36 .contextual .trigger:focus {
  37   background-image: url(../../images/core/icons/5181c6/pencil.svg);
  38   outline: none;
  39 }