3 * Motion effects for Settings Tray module.
5 * Motion effects are in a separate file so that they can be easily turned off
6 * to improve performance if desired.
8 * @todo Move motion effects file into a core Off-Canvas library and add a
9 * configuration option for browser rendering performance to disable this
10 * file: https://www.drupal.org/node/2784443.
14 /* Transition the edit icon in the toolbar. */
15 #toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
16 -webkit-transition: all .7s ease;
17 -moz-transition: all .7s ease;
18 transition: all .7s ease;
21 /* Transition the editables on the page, their contextual links and their hover states. */
22 .dialog-off-canvas__main-canvas .contextual,
23 .dialog-off-canvas__main-canvas .js-outside-in-edit-mode .outside-in-editable,
24 .dialog-off-canvas__main-canvas.js-tray-open .js-outside-in-edit-mode .outside-in-editable {
25 -webkit-transition: all .7s ease;
26 -moz-transition: all .7s ease;
27 transition: all .7s ease;
30 /* Transition the position of the toolbar. */
33 -webkit-transition: all .5s ease;
34 -moz-transition: all .5s ease;
35 transition: all .5s ease;
38 /* Transition the administration tray.
39 #toolbar-administration,
40 #toolbar-administration * {
41 -webkit-transition: all .7s ease;
42 -moz-transition: all .7s ease;
43 transition: all .7s ease;