popup.less in less-rails-semantic_ui-2.0.0.0

- old
+ new

@@ -6,16 +6,17 @@
  *= depend_on semantic_ui/config/globals/site.variables
  *= depend_on semantic_ui/config/modules/popup.overrides
  *= depend_on semantic_ui/config/modules/popup.variables
  */
 
+
 /*!
  * # Semantic UI - Popup
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 
@@ -38,13 +39,16 @@
   display: none;
   position: absolute;
   top: 0px;
   right: 0px;
 
+  /* Fixes content being squished when inline (moz only) */
+  min-width: min-content;
   z-index: @zIndex;
 
   border: @border;
+  line-height: @lineHeight;
   max-width: @maxWidth;
   background-color: @background;
 
   padding: @verticalPadding @horizontalPadding;
   font-weight: @fontWeight;
@@ -88,23 +92,49 @@
 ---------------*/
 
 .ui.popup {
   margin: 0em;
 }
-.ui.popup.bottom {
-  margin: @popupDistanceAway 0em 0em;
-}
-.ui.popup.top {
+
+/* Extending from Top */
+.ui.top.popup {
   margin: 0em 0em @popupDistanceAway;
 }
-.ui.popup.left.center {
+.ui.top.left.popup {
+  transform-origin: left bottom;
+}
+.ui.top.center.popup {
+  transform-origin: center bottom;
+}
+.ui.top.right.popup {
+  transform-origin: right bottom;
+}
+
+/* Extending from Vertical Center */
+.ui.left.center.popup {
   margin: 0em @popupDistanceAway 0em 0em;
+  transform-origin: right 50%;
 }
-.ui.popup.right.center {
+.ui.right.center.popup {
   margin: 0em 0em 0em @popupDistanceAway;
+  transform-origin: left 50%;
 }
 
+/* Extending from Bottom */
+.ui.bottom.popup {
+  margin: @popupDistanceAway 0em 0em;
+}
+.ui.bottom.left.popup {
+  transform-origin: left top;
+}
+.ui.bottom.center.popup {
+  transform-origin: center top;
+}
+.ui.bottom.right.popup {
+  transform-origin: right top;
+}
+
 /*--------------
      Pointer
 ---------------*/
 
 /*--- Below ---*/
@@ -213,11 +243,16 @@
 .ui.animating.popup,
 .ui.visible.popup {
   display: block;
 }
 
+.ui.visible.popup {
+  transform: translateZ(0px);
+  backface-visibility: hidden;
+}
 
+
 /*******************************
             Variations
 *******************************/
 
 /*--------------
@@ -282,9 +317,15 @@
 
 /*--------------
      Sizes
 ---------------*/
 
+.ui.mini.popup {
+  font-size: @mini;
+}
+.ui.tiny.popup {
+  font-size: @tiny;
+}
 .ui.small.popup {
   font-size: @small;
 }
 .ui.popup {
   font-size: @medium;
\ No newline at end of file