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

   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  * @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
  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;
  19 }
  20
  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;
  28 }
  29
  30 /* Transition the position of the toolbar. */
  31 .toolbar-fixed,
  32 .toolbar-tray-open {
  33   -webkit-transition: all .5s ease;
  34   -moz-transition: all .5s ease;
  35   transition: all .5s ease;
  36 }
  37
  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;
  44 }*/