You are here

Home » API reference » Toolbar Themes 8

admin_menu_icons.css in Toolbar Themes 8 

/**
 * admin_menu_icons
 */
#toolbar-administration .toolbar-icon {
  padding: 0 .25em 0 0;
}

#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon {
  fill: #d8d8d8;
  top: 0.1em;
}

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

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

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

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

#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: #fff;
}

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

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

File

themes/admin_menu/admin_menu_icons.css
View source 
  1. /**

  2.  * admin_menu_icons

  3.  */

  4. #toolbar-administration .toolbar-icon {

  5.   padding: 0 .25em 0 0;

  6. }

  7. 

  8. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon {

  9.   fill: #d8d8d8;

  10.   top: 0.1em;

  11. }

  12. 

  13. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon-menu {

  14.   width: 0.875em;

  15. }

  16. 

  17. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active .toolbar-icon,

  18. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:hover .toolbar-icon,

  19. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:active .toolbar-icon,

  20. #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button.is-active .toolbar-icon {

  21.   fill: #fff;

  22. }

  23. 

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

  25.   #toolbar-administration .toolbar-bar .home-toolbar-tab,

  26.   #toolbar-administration .toolbar-bar .tour-toolbar-tab,

  27.   #toolbar-administration .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon {

  28.     display: none;

  29.   }

  30. }

  31. 

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

  33.   fill: #e8e8e8;

  34. }

  35. 

  36. #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 {

  37.   fill: #fff;

  38. }

  39. 

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

  41.   fill: #e8e8e8;

  42. }

  43. 

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

  45.   fill: #fff;

  46. }

  47. /*# sourceMappingURL=admin_menu_icons.css.map */