settings_tray.motion.css

Same filename in this branch
  1. 11.1.x core/themes/stable9/css/settings_tray/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/modules/settings_tray/css/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. 

  9. /* Transition the edit icon in the toolbar. */

  10. #toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit::before {

  11.   transition: all 0.7s ease;

  12. }

  13. 

  14. /* Transition the editables on the page, their contextual links and their hover states. */

  15. .dialog-off-canvas-main-canvas .contextual,

  16. .dialog-off-canvas-main-canvas .js-settings-tray-edit-mode .settings-tray-editable,

  17. .dialog-off-canvas-main-canvas.js-off-canvas-dialog-open .js-settings-tray-edit-mode .settings-tray-editable {

  18.   transition: all 0.7s ease;

  19. }