Updated to Drupal 8.5. Core Media not yet in use.
[yaffs-website] / web / core / themes / stable / css / settings_tray / settings_tray.motion.css
diff --git a/web/core/themes/stable/css/settings_tray/settings_tray.motion.css b/web/core/themes/stable/css/settings_tray/settings_tray.motion.css
new file mode 100644 (file)
index 0000000..820f708
--- /dev/null
@@ -0,0 +1,19 @@
+/**
+ * @file
+ * 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.
+ */
+
+/* Transition the edit icon in the toolbar. */
+#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
+  transition: all 0.7s ease;
+}
+
+/* Transition the editables on the page, their contextual links and their hover states. */
+.dialog-off-canvas-main-canvas .contextual,
+.dialog-off-canvas-main-canvas .js-settings-tray-edit-mode .settings-tray-editable,
+.dialog-off-canvas-main-canvas.js-off-canvas-dialog-open .js-settings-tray-edit-mode .settings-tray-editable {
+  transition: all 0.7s ease;
+}