settings_tray.css

Same filename and directory in other branches
  1. 11.x core/themes/admin/migration/css/components/settings_tray.css
#gin-toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {
  color: var(--gin-bg-app);
}

#gin-toolbar-bar.js-settings-tray-edit-mode {
  background: var(--gin-color-primary);
}

#gin-toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
  background: var(--gin-color-primary-hover);
}

#gin-toolbar-bar {
  position: fixed;
}

#gin-toolbar-bar .contextual-toolbar-tab {
  order: 100;
}

#toolbar-bar.toolbar-bar.js-settings-tray-edit-mode {
  border-radius: var(--gin-border-s);
  background-color: transparent;
}

#toolbar-bar.toolbar-bar.js-settings-tray-edit-mode .toolbar-item,
#toolbar-bar.toolbar-bar.js-settings-tray-edit-mode .toolbar-item.is-active:hover {
  border-radius: var(--gin-border-s);
  background: var(--gin-switch);
}

#toolbar-bar.toolbar-bar.js-settings-tray-edit-mode .toolbar-item::before,
#toolbar-bar.toolbar-bar.js-settings-tray-edit-mode .toolbar-item.is-active:hover::before {
  background-color: #fff;
}

#toolbar-bar.toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
  background-image: none;
}

File

View on git.drupalcode.org

core/themes/admin/migration/css/components/settings_tray.css

View source 
  1. #gin-toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {

  2.   color: var(--gin-bg-app);

  3. }

  4. 

  5. #gin-toolbar-bar.js-settings-tray-edit-mode {

  6.   background: var(--gin-color-primary);

  7. }

  8. 

  9. #gin-toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {

  10.   background: var(--gin-color-primary-hover);

  11. }

  12. 

  13. #gin-toolbar-bar {

  14.   position: fixed;

  15. }

  16. 

  17. #gin-toolbar-bar .contextual-toolbar-tab {

  18.   order: 100;

  19. }

  20. 

  21. #toolbar-bar.toolbar-bar.js-settings-tray-edit-mode {

  22.   border-radius: var(--gin-border-s);

  23.   background-color: transparent;

  24. }

  25. 

  26. #toolbar-bar.toolbar-bar.js-settings-tray-edit-mode .toolbar-item,

  27. #toolbar-bar.toolbar-bar.js-settings-tray-edit-mode .toolbar-item.is-active:hover {

  28.   border-radius: var(--gin-border-s);

  29.   background: var(--gin-switch);

  30. }

  31. 

  32. #toolbar-bar.toolbar-bar.js-settings-tray-edit-mode .toolbar-item::before,

  33. #toolbar-bar.toolbar-bar.js-settings-tray-edit-mode .toolbar-item.is-active:hover::before {

  34.   background-color: #fff;

  35. }

  36. 

  37. #toolbar-bar.toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {

  38.   background-image: none;

  39. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.