www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/outside_in/css/off-canvas.motion.css

   1 /**
   2  * @file
   3  * Motion effects for off-canvas dialog.
   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  * @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.
  11  */
  12
  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;
  18 }
  19
  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;
  25     }
  26 }
  27
  28 .dialog-off-canvas__main-canvas {
  29   -webkit-transition: all .7s ease;
  30   -moz-transition: all .7s ease;
  31   transition: all .7s ease;
  32 }