You are here

Home » API reference » Toolbar Themes 8

mini_icons.css in Toolbar Themes 8 

/**
 * mini_icons
 */
#toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon {
  fill: #bebebe;
  top: .07em;
}

#toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon-menu {
  width: 0.875em;
}

#toolbar-administration .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a.is-active .toolbar-icon,
#toolbar-administration .toolbar-tab__items-wrapper button:hover .toolbar-icon,
#toolbar-administration .toolbar-tab__items-wrapper button:active .toolbar-icon,
#toolbar-administration .toolbar-tab__items-wrapper button.is-active .toolbar-icon {
  fill: #ffffff;
}

@media only screen and (max-width: 24em) {
  #toolbar-administration .home-toolbar-tab,
  #toolbar-administration .tour-toolbar-tab,
  #toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon {
    display: none;
  }
}

#toolbar-administration .toolbar-menu a {
  fill: #6f6f6f;
}

#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {
  fill: #494949;
}

#toolbar-administration .toolbar-menu a.is-active[href="/"] {
  fill: #6f6f6f;
}

#toolbar-administration .toolbar-menu a:hover[href="/"], #toolbar-administration .toolbar-menu a:focus[href="/"], #toolbar-administration .toolbar-menu a:active[href="/"] {
  fill: #494949;
}
/*# sourceMappingURL=mini_icons.css.map */

File

themes/mini/mini_icons.css
View source 
  1. /**

  2.  * mini_icons

  3.  */

  4. #toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon {

  5.   fill: #bebebe;

  6.   top: .07em;

  7. }

  8. 

  9. #toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon-menu {

  10.   width: 0.875em;

  11. }

  12. 

  13. #toolbar-administration .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a.is-active .toolbar-icon,

  14. #toolbar-administration .toolbar-tab__items-wrapper button:hover .toolbar-icon,

  15. #toolbar-administration .toolbar-tab__items-wrapper button:active .toolbar-icon,

  16. #toolbar-administration .toolbar-tab__items-wrapper button.is-active .toolbar-icon {

  17.   fill: #ffffff;

  18. }

  19. 

  20. @media only screen and (max-width: 24em) {

  21.   #toolbar-administration .home-toolbar-tab,

  22.   #toolbar-administration .tour-toolbar-tab,

  23.   #toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon {

  24.     display: none;

  25.   }

  26. }

  27. 

  28. #toolbar-administration .toolbar-menu a {

  29.   fill: #6f6f6f;

  30. }

  31. 

  32. #toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {

  33.   fill: #494949;

  34. }

  35. 

  36. #toolbar-administration .toolbar-menu a.is-active[href="/"] {

  37.   fill: #6f6f6f;

  38. }

  39. 

  40. #toolbar-administration .toolbar-menu a:hover[href="/"], #toolbar-administration .toolbar-menu a:focus[href="/"], #toolbar-administration .toolbar-menu a:active[href="/"] {

  41.   fill: #494949;

  42. }

  43. /*# sourceMappingURL=mini_icons.css.map */