settings_tray.motion.css

Same filename in this branch
  1. 9 core/themes/stable/css/settings_tray/settings_tray.motion.css
  2. 9 core/modules/settings_tray/css/settings_tray.motion.css
Same filename in other branches
  1. 8.9.x core/themes/stable/css/settings_tray/settings_tray.motion.css
  2. 8.9.x core/modules/settings_tray/css/settings_tray.motion.css
  3. 10 core/themes/stable9/css/settings_tray/settings_tray.motion.css
  4. 10 core/modules/settings_tray/css/settings_tray.motion.css
  5. 11.x core/themes/stable9/css/settings_tray/settings_tray.motion.css
  6. 11.x core/modules/settings_tray/css/settings_tray.motion.css

Motion effects for Settings Tray module.

Motion effects are in a separate file so that they can be easily turned off to improve performance if desired.

File

core/themes/stable9/css/settings_tray/settings_tray.motion.css

View source
  1. /**
  2. * @file
  3. * Motion effects for Settings Tray module.
  4. *
  5. * Motion effects are in a separate file so that they can be easily turned off
  6. * to improve performance if desired.
  7. */
  8. /* Transition the edit icon in the toolbar. */
  9. #toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
  10. transition: all 0.7s ease;
  11. }
  12. /* Transition the editables on the page, their contextual links and their hover states. */
  13. .dialog-off-canvas-main-canvas .contextual,
  14. .dialog-off-canvas-main-canvas .js-settings-tray-edit-mode .settings-tray-editable,
  15. .dialog-off-canvas-main-canvas.js-off-canvas-dialog-open .js-settings-tray-edit-mode .settings-tray-editable {
  16. transition: all 0.7s ease;
  17. }

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