3 * Motion effects for off-canvas dialog.
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.
13 /* Transition the off-canvas dialog container, with 2s delay to match main canvas speed. */
14 .ui-dialog-off-canvas .ui-dialog-content {
15 -webkit-transition: all .7s ease 2s;
16 -moz-transition: all .7s ease 2s;
17 transition: all .7s ease 2s;
20 @media (max-width: 700px) {
21 .ui-dialog-off-canvas .ui-dialog-content {
22 -webkit-transition: all .7s ease;
23 -moz-transition: all .7s ease;
24 transition: all .7s ease;
28 .dialog-off-canvas__main-canvas {
29 -webkit-transition: all .7s ease;
30 -moz-transition: all .7s ease;
31 transition: all .7s ease;