:star:

1 files changed, 82 insertions, 0 deletions

diff --git a/semantic/src/definitions/modules/transition.less b/semantic/src/definitions/modules/transition.less
new file mode 100644
index 0000000..2990d53
--- /dev/null
+++ b/semantic/src/definitions/modules/transition.less
@@ -0,0 +1,82 @@
+/*!
+ * # Fomantic-UI - Transition
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+            Theme
+*******************************/
+
+@type    : 'module';
+@element : 'transition';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+          Transitions
+*******************************/
+
+.transition {
+  animation-iteration-count: 1;
+  animation-duration: @transitionDefaultDuration;
+  animation-timing-function: @transitionDefaultEasing;
+  animation-fill-mode: @transitionDefaultFill;
+}
+
+/*******************************
+            States
+*******************************/
+
+
+/* Animating */
+.animating.transition {
+  backface-visibility: @backfaceVisibility;
+  visibility: visible !important;
+}
+
+& when (@variationTransitionLoading) {
+  /* Loading */
+  .loading.transition {
+    position: absolute;
+    top: -99999px;
+    left: -99999px;
+  }
+}
+
+/* Hidden */
+.hidden.transition {
+  display: none;
+  visibility: hidden;
+}
+
+/* Visible */
+.visible.transition {
+  display: block !important;
+  visibility: visible !important;
+/*  backface-visibility: @backfaceVisibility;
+  transform: @use3DAcceleration;*/
+}
+
+& when (@variationTransitionDisabled) {
+  /* Disabled */
+  .disabled.transition {
+    animation-play-state: paused;
+  }
+}
+
+/*******************************
+          Variations
+*******************************/
+& when (@variationTransitionLoading) {
+  .looping.transition {
+    animation-iteration-count: infinite;
+  }
+}
+
+.loadUIOverrides();