rails-active-ui 0.3.0 → 0.3.1

data/formantic-ui/components/shape.min.css

@@ -0,0 +1,9 @@
+/*!
+ * # Fomantic-UI 2.9.4 - Shape
+ * https://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * https://opensource.org/licenses/MIT
+ *
+ */.ui.shape{position:relative;vertical-align:top;display:inline-block;perspective:2000px;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out}.ui.shape .side,.ui.shape .sides{transform-style:preserve-3d}.ui.shape .side{display:none;opacity:1;width:100%;margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.shape .side *{-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.ui.cube.shape .side{min-width:15em;height:15em;padding:2em;background-color:#e6e6e6;color:rgba(0,0,0,.87);box-shadow:0 0 2px rgba(0,0,0,.3)}.ui.cube.shape .side>.content{width:100%;height:100%;display:table;text-align:center;-webkit-user-select:text;-ms-user-select:text;user-select:text}.ui.cube.shape .side>.content>div{display:table-cell;vertical-align:middle;font-size:2em}.ui.text.shape.animating .sides{position:static}.ui.text.shape .side{white-space:nowrap}.ui.text.shape .side>*{white-space:normal}.ui.loading.shape{position:absolute;top:-9999px;left:-9999px}.ui.shape .animating.side{position:absolute;top:0;left:0;display:block;z-index:100}.ui.shape .hidden.side{opacity:.6}.ui.shape.animating .sides{position:absolute;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out}.ui.shape.animating .side{transition:opacity .6s ease-in-out}.ui.shape .animating.side *,.ui.shape.animating .side *{transition:none}.ui.shape .active.side{display:block}

data/formantic-ui/components/shape.min.js

@@ -0,0 +1,11 @@
+/*
+ * # Fomantic UI - 2.9.4
+ * https://github.com/fomantic/Fomantic-UI
+ * https://fomantic-ui.com/
+ *
+ * Copyright 2025 Contributors
+ * Released under the MIT license
+ * https://opensource.org/licenses/MIT
+ *
+ */
+!function(W,e,Y){"use strict";e=void 0!==e&&e.Math===Math?e:globalThis,W.fn.shape=function(m){var v,b=W(this),x=Date.now(),y=[],C=m,S="string"==typeof C,w=[].slice.call(arguments,1);return b.each(function(){var i,n,a=W.isPlainObject(m)?W.extend(!0,{},W.fn.shape.settings,m):W.extend({},W.fn.shape.settings),e=a.namespace,r=a.selector,d=a.error,s=a.className,t="."+e,o="module-"+e,l=W(this),c=l.find(">"+r.sides),u=c.find(">"+r.side),f=!1,g=this,h=l.data(o),p={initialize:function(){p.verbose("Initializing module for",g),p.set.defaultSide(),p.instantiate()},instantiate:function(){p.verbose("Storing instance of module",p),h=p,l.data(o,h)},destroy:function(){p.verbose("Destroying previous module for",g),l.removeData(o).off(t)},refresh:function(){p.verbose("Refreshing selector cache for",g),l=W(g),c=W(this).find(r.sides),u=W(this).find(r.side)},repaint:function(){p.verbose("Forcing repaint event");(c[0]||Y.createElement("div")).offsetWidth},animate:function(e,t){p.verbose("Animating box with properties",e),t=t||function(e){p.verbose("Executing animation callback"),void 0!==e&&e.stopPropagation(),p.reset(),p.set.active()},a.onBeforeChange.call(n[0]),p.verbose("Starting CSS animation"),l.addClass(s.animating),c.css(e).one("transitionend",t),p.set.duration(a.duration),requestAnimationFrame(function(){l.addClass(s.animating),i.addClass(s.hidden)})},queue:function(e){p.debug("Queueing animation of",e),c.one("transitionend",function(){p.debug("Executing queued animation"),setTimeout(function(){l.shape(e)},0)})},reset:function(){p.verbose("Animating states reset"),l.removeClass(s.animating).attr("style","").removeAttr("style"),c.attr("style","").removeAttr("style"),u.attr("style","").removeAttr("style").removeClass(s.hidden),n.removeClass(s.animating).attr("style","").removeAttr("style")},is:{complete:function(){return u.filter("."+s.active)[0]===n[0]},animating:function(){return l.hasClass(s.animating)},hidden:function(){return 0<l.closest(":hidden").length}},set:{defaultSide:function(){i=u.filter("."+s.active),n=0<i.next(r.side).length?i.next(r.side):u.first(),f=!1,p.verbose("Active side set to",i),p.verbose("Next side set to",n)},duration:function(e){e=e||a.duration,p.verbose("Setting animation duration",e="number"==typeof e?e+"ms":e),!a.duration&&0!==a.duration||c.add(u).css({"transition-duration":e})},currentStageSize:function(){var e=u.filter("."+s.active),t=e.outerWidth(!0),e=e.outerHeight(!0);l.css({width:t,height:e})},stageSize:function(){var e=l.clone().addClass(s.loading),t=e.find(">"+r.sides+">"+r.side),i=t.filter("."+s.active),t=f?t.eq(f):0<i.next(r.side).length?i.next(r.side):t.first(),n="next"===a.width?t.outerWidth(!0):"initial"===a.width?l.width():a.width,o="next"===a.height?t.outerHeight(!0):"initial"===a.height?l.height():a.height;i.removeClass(s.active),t.addClass(s.active),e.insertAfter(l),e.remove(),"auto"!==a.width&&(l.css("width",n+a.jitter),p.verbose("Specifying width during animation",n)),"auto"!==a.height&&(l.css("height",o+a.jitter),p.verbose("Specifying height during animation",o))},nextSide:function(e){f=e,n=u.filter(e),f=u.index(n),0===n.length&&(p.set.defaultSide(),p.error(d.side)),p.verbose("Next side manually set to",n)},active:function(){p.verbose("Setting new side to active",n),u.removeClass(s.active),n.addClass(s.active),a.onChange.call(n[0]),p.set.defaultSide()}},flip:{to:function(e,t){var i;p.is.hidden()?p.debug("Module not visible",n):!p.is.complete()||p.is.animating()||a.allowRepeats?(i=p.get.transform[e](),p.is.animating()?p.queue("flip "+e):(p.debug("Flipping "+e,n),p.set.stageSize(),p.stage[t](),p.animate(i))):p.debug("Side already visible",n)},up:function(){p.flip.to("up","above")},down:function(){p.flip.to("down","below")},left:function(){p.flip.to("left","left")},right:function(){p.flip.to("right","right")},over:function(){p.flip.to("over","behind")},back:function(){p.flip.to("back","behind")}},get:{transform:{up:function(){var e=i.outerHeight(!0)/2;return{transform:"translateY("+(n.outerHeight(!0)-e)+"px) translateZ(-"+e+"px) rotateX(-90deg)"}},down:function(){var e=i.outerHeight(!0)/2;return{transform:"translateY(-"+e+"px) translateZ(-"+e+"px) rotateX(90deg)"}},left:function(){var e=i.outerWidth(!0)/2;return{transform:"translateX("+(n.outerWidth(!0)-e)+"px) translateZ(-"+e+"px) rotateY(90deg)"}},right:function(){var e=i.outerWidth(!0)/2;return{transform:"translateX(-"+e+"px) translateZ(-"+e+"px) rotateY(-90deg)"}},over:function(){return{transform:"translateX("+-(i.outerWidth(!0)-n.outerWidth(!0))/2+"px) rotateY(180deg)"}},back:function(){return{transform:"translateX("+-(i.outerWidth(!0)-n.outerWidth(!0))/2+"px) rotateY(-180deg)"}}},nextSide:function(){return 0<i.next(r.side).length?i.next(r.side):u.first()}},stage:{above:function(){var e={origin:(i.outerHeight(!0)-n.outerHeight(!0))/2,depth:{active:n.outerHeight(!0)/2,next:i.outerHeight(!0)/2}};p.verbose("Setting the initial animation position as above",n,e),i.css({transform:"rotateX(0deg)"}),n.addClass(s.animating).css({top:e.origin+"px",transform:"rotateX(90deg) translateZ("+e.depth.next+"px) translateY(-"+e.depth.active+"px)"})},below:function(){var e={origin:(i.outerHeight(!0)-n.outerHeight(!0))/2,depth:{active:n.outerHeight(!0)/2,next:i.outerHeight(!0)/2}};p.verbose("Setting the initial animation position as below",n,e),i.css({transform:"rotateX(0deg)"}),n.addClass(s.animating).css({top:e.origin+"px",transform:"rotateX(-90deg) translateZ("+e.depth.next+"px) translateY("+e.depth.active+"px)"})},left:function(){var e=i.outerWidth(!0),t=n.outerWidth(!0),t={origin:(e-t)/2,depth:{active:t/2,next:e/2}};p.verbose("Setting the initial animation position as left",n,t),i.css({transform:"rotateY(0deg)"}),n.addClass(s.animating).css({left:t.origin+"px",transform:"rotateY(-90deg) translateZ("+t.depth.next+"px) translateX(-"+t.depth.active+"px)"})},right:function(){var e=i.outerWidth(!0),t=n.outerWidth(!0),t={origin:(e-t)/2,depth:{active:t/2,next:e/2}};p.verbose("Setting the initial animation position as right",n,t),i.css({transform:"rotateY(0deg)"}),n.addClass(s.animating).css({left:t.origin+"px",transform:"rotateY(90deg) translateZ("+t.depth.next+"px) translateX("+t.depth.active+"px)"})},behind:function(){var e=i.outerWidth(!0),t=n.outerWidth(!0),t={origin:(e-t)/2,depth:{active:t/2,next:e/2}};p.verbose("Setting the initial animation position as behind",n,t),i.css({transform:"rotateY(0deg)"}),n.addClass(s.animating).css({left:t.origin+"px",transform:"rotateY(-180deg)"})}},setting:function(e,t){if(p.debug("Changing setting",e,t),W.isPlainObject(e))W.extend(!0,a,e);else{if(void 0===t)return a[e];W.isPlainObject(a[e])?W.extend(!0,a[e],t):a[e]=t}},internal:function(e,t){if(W.isPlainObject(e))W.extend(!0,p,e);else{if(void 0===t)return p[e];p[e]=t}},debug:function(){!a.silent&&a.debug&&(a.performance?p.performance.log(arguments):(p.debug=Function.prototype.bind.call(console.info,console,a.name+":"),p.debug.apply(console,arguments)))},verbose:function(){!a.silent&&a.verbose&&a.debug&&(a.performance?p.performance.log(arguments):(p.verbose=Function.prototype.bind.call(console.info,console,a.name+":"),p.verbose.apply(console,arguments)))},error:function(){a.silent||(p.error=Function.prototype.bind.call(console.error,console,a.name+":"),p.error.apply(console,arguments))},performance:{log:function(e){var t,i;a.performance&&(i=(t=Date.now())-(x||t),x=t,y.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:g,"Execution Time":i})),clearTimeout(p.performance.timer),p.performance.timer=setTimeout(function(){p.performance.display()},500)},display:function(){var e=a.name+":",i=0;x=!1,clearTimeout(p.performance.timer),W.each(y,function(e,t){i+=t["Execution Time"]}),e+=" "+i+"ms",1<b.length&&(e+=" ("+b.length+")"),0<y.length&&(console.groupCollapsed(e),console.table?console.table(y):W.each(y,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),y=[]}},invoke:function(n,e,t){var o,a,i,r,s=h;return e=e||w,t=t||g,"string"==typeof n&&void 0!==s&&(n=n.split(/[ .]/),o=n.length-1,W.each(n,function(e,t){var i=e!==o?t+n[e+1].charAt(0).toUpperCase()+n[e+1].slice(1):n;if(W.isPlainObject(s[i])&&e!==o)s=s[i];else{if(void 0!==s[i])return a=s[i],!1;{if(!W.isPlainObject(s[t])||e===o)return void 0!==s[t]?a=s[t]:p.error(d.method,n),!1;s=s[t]}}})),"function"==typeof(r=a)&&"number"!=typeof r.nodeType?i=a.apply(t,e):void 0!==a&&(i=a),Array.isArray(v)?v.push(i):void 0!==v?v=[v,i]:void 0!==i&&(v=i),a}};S?(void 0===h&&p.initialize(),0<(e=l.find("input")).length?(e.trigger("blur"),setTimeout(function(){p.invoke(C)},150)):p.invoke(C)):(void 0!==h&&h.invoke("destroy"),p.initialize())}),void 0!==v?v:this},W.fn.shape.settings={name:"Shape",silent:!1,debug:!1,verbose:!1,jitter:0,performance:!0,namespace:"shape",width:"initial",height:"initial",onBeforeChange:function(){},onChange:function(){},allowRepeats:!1,duration:!1,error:{side:"You tried to switch to a side that does not exist.",method:"The method you called is not defined"},className:{animating:"animating",hidden:"hidden",loading:"loading",active:"active"},selector:{sides:".sides",side:".side"}}}(jQuery,window,document);

data/formantic-ui/components/sidebar.css

@@ -0,0 +1,539 @@
+/*!
+ * # Fomantic-UI 2.9.4 - Sidebar
+ * https://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * https://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+            Sidebar
+*******************************/
+
+
+/* Sidebar Menu */
+.ui.sidebar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  transition: none;
+  will-change: transform;
+  transform: translate3d(0, 0, 0);
+  visibility: hidden;
+  height: 100% !important;
+  max-height: 100%;
+  border-radius: 0 !important;
+  margin: 0 !important;
+  overflow-y: auto !important;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
+  z-index: 102;
+}
+
+/* GPU Layers for Child Elements */
+.ui.sidebar > * {
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
+
+/* --------------
+   Direction
+--------------- */
+.ui.left.sidebar {
+  right: auto;
+  left: 0;
+  transform: translate3d(-100%, 0, 0);
+}
+.ui.right.sidebar {
+  right: 0 !important;
+  left: auto !important;
+  transform: translate3d(100%, 0, 0);
+}
+.ui.top.sidebar,
+.ui.bottom.sidebar {
+  width: 100% !important;
+  height: auto !important;
+}
+.ui.top.sidebar {
+  top: 0 !important;
+  bottom: auto !important;
+  transform: translate3d(0, -100%, 0);
+}
+.ui.bottom.sidebar {
+  top: auto !important;
+  bottom: 0 !important;
+  transform: translate3d(0, 100%, 0);
+}
+
+/* --------------
+     Pushable
+--------------- */
+.pushable.pushable.pushable {
+  height: 100%;
+  overflow-x: hidden;
+  padding: 0;
+}
+.pushable.pushable.pushable.locked {
+  overflow-y: hidden;
+  background: inherit;
+}
+
+/* Whole Page */
+body.pushable {
+  background: #545454;
+}
+body.pushable.dimmed {
+  background: inherit;
+}
+
+/* Page Context */
+.pushable:not(body) {
+  transform: translate3d(0, 0, 0);
+  overflow-y: hidden;
+}
+.pushable:not(body) > .ui.sidebar,
+.pushable:not(body) > .fixed,
+.pushable:not(body) > .pusher::after {
+  position: absolute;
+}
+
+/* --------------
+     Fixed
+--------------- */
+.pushable > .fixed {
+  position: fixed;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  transition: transform 500ms ease;
+  will-change: transform;
+  z-index: 101;
+}
+
+/* --------------
+     Page
+--------------- */
+.pushable > .pusher {
+  position: relative;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  min-height: 100%;
+  transition: transform 500ms ease;
+  z-index: 2;
+  
+/* Pusher should inherit background from context */
+  background: inherit;
+}
+.pushable > .pusher:not(.overflowing) {
+  overflow: hidden;
+}
+body.pushable > .pusher {
+  background: #fff;
+}
+
+/* --------------
+     Dimmer
+--------------- */
+.pushable > .pusher::after {
+  position: fixed;
+  top: 0;
+  right: 0;
+  content: "";
+  background: rgba(0, 0, 0, 0.4);
+  overflow: hidden;
+  opacity: 0;
+  transition: all 500ms;
+  will-change: opacity;
+  z-index: 1000;
+}
+
+/* --------------
+    Coupling
+--------------- */
+.ui.sidebar.menu .item {
+  border-radius: 0 !important;
+}
+
+
+/*******************************
+            States
+*******************************/
+
+
+/* --------------
+     Dimmed
+--------------- */
+.pushable > .pusher.dimmed::after {
+  width: 100% !important;
+  height: 100% !important;
+  opacity: 1 !important;
+}
+.pushable > .pusher.dimmed.blurring:not(.closing)::after {
+  background: rgba(0, 0, 0, 0.6);
+  -webkit-backdrop-filter: blur(5px) grayscale(0.7);
+  backdrop-filter: blur(5px) grayscale(0.7);
+}
+.pushable > .pusher.closing.dimmed::after {
+  opacity: 0 !important;
+}
+
+/* --------------
+    Animating
+--------------- */
+.ui.animating.sidebar {
+  visibility: visible;
+}
+
+/* --------------
+     Visible
+--------------- */
+.ui.visible.sidebar {
+  visibility: visible;
+  transform: translate3d(0, 0, 0);
+}
+
+/* Shadow Direction */
+.ui.left.visible.sidebar,
+.ui.right.visible.sidebar {
+  box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
+}
+.ui.top.visible.sidebar,
+.ui.bottom.visible.sidebar {
+  box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
+}
+
+/* Visible On Load */
+.ui.visible.left.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .pusher {
+  transform: translate3d(260px, 0, 0);
+}
+.ui.visible.right.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .pusher {
+  transform: translate3d(-260px, 0, 0);
+}
+.ui.visible.top.sidebar ~ .fixed,
+.ui.visible.top.sidebar ~ .pusher {
+  transform: translate3d(0, 36px, 0);
+}
+.ui.visible.bottom.sidebar ~ .fixed,
+.ui.visible.bottom.sidebar ~ .pusher {
+  transform: translate3d(0, -36px, 0);
+}
+
+/* opposite sides visible forces content overlay */
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
+  transform: translate3d(0, 0, 0);
+}
+
+/* --------------
+       iOS
+--------------- */
+
+
+/*******************************
+          Variations
+*******************************/
+
+
+/* --------------
+     Width
+--------------- */
+
+/* Left / Right */
+.ui.thin.left.sidebar,
+.ui.thin.right.sidebar {
+  width: 150px;
+}
+.ui[class*="very thin"].left.sidebar,
+.ui[class*="very thin"].right.sidebar {
+  width: 60px;
+}
+.ui.left.sidebar,
+.ui.right.sidebar {
+  width: 260px;
+}
+.ui.wide.left.sidebar,
+.ui.wide.right.sidebar {
+  width: 350px;
+}
+.ui[class*="very wide"].left.sidebar,
+.ui[class*="very wide"].right.sidebar {
+  width: 475px;
+}
+
+/* Left Visible */
+.ui.visible.thin.left.sidebar ~ .fixed,
+.ui.visible.thin.left.sidebar ~ .pusher {
+  transform: translate3d(150px, 0, 0);
+}
+.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
+  transform: translate3d(60px, 0, 0);
+}
+.ui.visible.wide.left.sidebar ~ .fixed,
+.ui.visible.wide.left.sidebar ~ .pusher {
+  transform: translate3d(350px, 0, 0);
+}
+.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
+  transform: translate3d(475px, 0, 0);
+}
+
+/* Right Visible */
+.ui.visible.thin.right.sidebar ~ .fixed,
+.ui.visible.thin.right.sidebar ~ .pusher {
+  transform: translate3d(-150px, 0, 0);
+}
+.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
+  transform: translate3d(-60px, 0, 0);
+}
+.ui.visible.wide.right.sidebar ~ .fixed,
+.ui.visible.wide.right.sidebar ~ .pusher {
+  transform: translate3d(-350px, 0, 0);
+}
+.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
+  transform: translate3d(-475px, 0, 0);
+}
+
+
+/*******************************
+          Animations
+*******************************/
+
+
+/* --------------
+        Overlay
+    --------------- */
+
+/* Set-up */
+.ui.overlay.sidebar {
+  z-index: 102;
+}
+
+/* Initial */
+.ui.left.overlay.sidebar {
+  transform: translate3d(-100%, 0, 0);
+}
+.ui.right.overlay.sidebar {
+  transform: translate3d(100%, 0, 0);
+}
+.ui.top.overlay.sidebar {
+  transform: translate3d(0, -100%, 0);
+}
+.ui.bottom.overlay.sidebar {
+  transform: translate3d(0, 100%, 0);
+}
+
+/* Animation */
+.animating.ui.overlay.sidebar,
+.ui.visible.overlay.sidebar {
+  transition: transform 500ms ease;
+}
+
+/* End - Sidebar */
+.ui.visible.left.overlay.sidebar {
+  transform: translate3d(0, 0, 0);
+}
+.ui.visible.right.overlay.sidebar {
+  transform: translate3d(0, 0, 0);
+}
+.ui.visible.top.overlay.sidebar {
+  transform: translate3d(0, 0, 0);
+}
+.ui.visible.bottom.overlay.sidebar {
+  transform: translate3d(0, 0, 0);
+}
+
+/* End - Pusher */
+.ui.visible.overlay.sidebar ~ .fixed,
+.ui.visible.overlay.sidebar ~ .pusher {
+  transform: none !important;
+}
+
+/* --------------
+          Push
+    --------------- */
+
+/* Initial */
+.ui.push.sidebar {
+  transition: transform 500ms ease;
+  z-index: 102;
+}
+
+/* Sidebar - Initial */
+.ui.left.push.sidebar {
+  transform: translate3d(-100%, 0, 0);
+}
+.ui.right.push.sidebar {
+  transform: translate3d(100%, 0, 0);
+}
+.ui.top.push.sidebar {
+  transform: translate3d(0, -100%, 0);
+}
+.ui.bottom.push.sidebar {
+  transform: translate3d(0, 100%, 0);
+}
+
+/* End */
+.ui.visible.push.sidebar {
+  transform: translate3d(0, 0, 0);
+}
+
+/* --------------
+        Uncover
+    --------------- */
+
+/* Initial */
+.ui.uncover.sidebar {
+  transform: translate3d(0, 0, 0);
+  z-index: 1;
+}
+
+/* End */
+.ui.visible.uncover.sidebar {
+  transform: translate3d(0, 0, 0);
+  transition: transform 500ms ease;
+}
+
+/* --------------
+       Slide Along
+    --------------- */
+
+/* Initial */
+.ui.slide.along.sidebar {
+  z-index: 1;
+}
+
+/* Sidebar - Initial */
+.ui.left.slide.along.sidebar {
+  transform: translate3d(-50%, 0, 0);
+}
+.ui.right.slide.along.sidebar {
+  transform: translate3d(50%, 0, 0);
+}
+.ui.top.slide.along.sidebar {
+  transform: translate3d(0, -50%, 0);
+}
+.ui.bottom.slide.along.sidebar {
+  transform: translate3d(0, 50%, 0);
+}
+
+/* Animation */
+.ui.animating.slide.along.sidebar {
+  transition: transform 500ms ease;
+}
+
+/* End */
+.ui.visible.slide.along.sidebar {
+  transform: translate3d(0, 0, 0);
+}
+
+/* --------------
+       Slide Out
+    --------------- */
+
+/* Initial */
+.ui.slide.out.sidebar {
+  z-index: 1;
+}
+
+/* Sidebar - Initial */
+.ui.left.slide.out.sidebar {
+  transform: translate3d(50%, 0, 0);
+}
+.ui.right.slide.out.sidebar {
+  transform: translate3d(-50%, 0, 0);
+}
+.ui.top.slide.out.sidebar {
+  transform: translate3d(0, 50%, 0);
+}
+.ui.bottom.slide.out.sidebar {
+  transform: translate3d(0, -50%, 0);
+}
+
+/* Animation */
+.ui.animating.slide.out.sidebar {
+  transition: transform 500ms ease;
+}
+
+/* End */
+.ui.visible.slide.out.sidebar {
+  transform: translate3d(0, 0, 0);
+}
+
+/* --------------
+       Scale Down
+    --------------- */
+
+/* Initial */
+.ui.scale.down.sidebar {
+  transition: transform 500ms ease;
+  z-index: 102;
+}
+.ui.left.scale.down.sidebar {
+  transform: translate3d(-100%, 0, 0);
+}
+.ui.right.scale.down.sidebar {
+  transform: translate3d(100%, 0, 0);
+}
+.ui.top.scale.down.sidebar {
+  transform: translate3d(0, -100%, 0);
+}
+.ui.bottom.scale.down.sidebar {
+  transform: translate3d(0, 100%, 0);
+}
+
+/* Pusher - Initial */
+.ui.scale.down.left.sidebar ~ .pusher {
+  transform-origin: 75% 50%;
+}
+.ui.scale.down.right.sidebar ~ .pusher {
+  transform-origin: 25% 50%;
+}
+.ui.scale.down.top.sidebar ~ .pusher {
+  transform-origin: 50% 75%;
+}
+.ui.scale.down.bottom.sidebar ~ .pusher {
+  transform-origin: 50% 25%;
+}
+
+/* Animation */
+.ui.animating.scale.down > .visible.ui.sidebar {
+  transition: transform 500ms ease;
+}
+.ui.visible.scale.down.sidebar ~ .pusher,
+.ui.animating.scale.down.sidebar ~ .pusher {
+  display: block !important;
+  width: 100%;
+  height: 100%;
+  overflow: hidden !important;
+}
+
+/* End */
+.ui.visible.scale.down.sidebar {
+  transform: translate3d(0, 0, 0);
+}
+.ui.visible.scale.down.sidebar ~ .pusher {
+  transform: scale(0.75);
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+