less-rails-semantic_ui 1.12.3.0 → 2.0.0.0

data/assets/stylesheets/semantic_ui/definitions/modules/embed.less

@@ -0,0 +1,174 @@
+/*
+ *= depend_on semantic_ui/theme.config
+ *= depend_on semantic_ui/config/globals/reset.overrides
+ *= depend_on semantic_ui/config/globals/reset.variables
+ *= depend_on semantic_ui/config/globals/site.overrides
+ *= depend_on semantic_ui/config/globals/site.variables
+ *= depend_on semantic_ui/config/modules/embed.overrides
+ *= depend_on semantic_ui/config/modules/embed.variables
+ */
+
+/*!
+ * # Semantic UI - Video
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Copyright 2015 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+            Theme
+*******************************/
+
+@type    : 'module';
+@element : 'embed';
+
+@import (multiple) 'semantic_ui/theme.config';
+
+/*******************************
+            Types
+*******************************/
+
+.ui.embed {
+  position: relative;
+  position: relative;
+  max-width: 100%;
+  height: 0px;
+  overflow: hidden;
+  background: @background;
+  padding-bottom: @widescreenRatio;
+}
+
+/*-----------------
+  Embedded Content
+------------------*/
+
+.ui.embed iframe,
+.ui.embed embed,
+.ui.embed object {
+  position: absolute;
+  border: none;
+  width: 100%;
+  height: 100%;
+  top: 0px;
+  left: 0px;
+  margin: 0em;
+  padding: 0em;
+}
+
+/*-----------------
+      Embed
+------------------*/
+
+.ui.embed > .embed {
+  display: none;
+}
+
+/*--------------
+   Placeholder
+---------------*/
+
+.ui.embed > .placeholder {
+  position: absolute;
+  cursor: pointer;
+  top: 0px;
+  left: 0px;
+  display: block;
+  width: 100%;
+  height: 100%;
+  background-color: @placeholderBackground;
+}
+
+/*--------------
+      Icon
+---------------*/
+
+.ui.embed > .icon {
+  cursor: pointer;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+}
+.ui.embed > .icon:after {
+  position: absolute;
+  top: 0%;
+  left: 0%;
+  width: 100%;
+  height: 100%;
+  z-index: 3;
+  content: '';
+  background: @placeholderBackground;
+  opacity: @placeholderBackgroundOpacity;
+  transition: @placeholderBackgroundTransition;
+}
+.ui.embed > .icon:before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 4;
+  transform: translateX(-50%) translateY(-50%);
+
+  color: @iconColor;
+  font-size: @iconSize;
+  text-shadow: @iconShadow;
+  transition: @iconTransition;
+  z-index: @iconZIndex;
+}
+
+/*******************************
+            States
+*******************************/
+
+/*--------------
+     Hover
+---------------*/
+
+.ui.embed .icon:hover:after {
+  background: @hoverPlaceholderBackground;
+  opacity: @hoverPlaceholderBackgroundOpacity;
+}
+.ui.embed .icon:hover:before {
+  color: @hoverIconColor;
+}
+
+/*--------------
+     Active
+---------------*/
+
+.ui.active.embed > .icon,
+.ui.active.embed > .placeholder {
+  display: none;
+}
+.ui.active.embed > .embed {
+  display: block;
+}
+
+.loadUIOverrides();
+
+
+/*******************************
+          Variations
+*******************************/
+
+.ui.square.embed {
+  padding-bottom: @squareRatio;
+}
+.ui[class*="4:3"].embed {
+  padding-bottom: @standardRatio;
+}
+.ui[class*="16:9"].embed {
+  padding-bottom: @widescreenRatio;
+}
+.ui[class*="21:9"].embed {
+  padding-bottom: @ultraWidescreenRatio;
+}
+
+
+

data/assets/stylesheets/semantic_ui/definitions/modules/modal.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -42,12 +42,10 @@
   left: 50%;
   text-align: left;
 
-  width: @width;
-  margin-left: @xOffset;
-
   background: @background;
   border: @border;
   box-shadow: @boxShadow;
+  transform-origin: @transformOrigin;
 
   border-radius: @borderRadius;
   user-select: text;
@@ -104,11 +102,13 @@
   padding: @headerPadding;
   box-shadow: @headerBoxShadow;
 
+  color: @headerColor;
+  border-bottom: @headerBorder;
+}
+.ui.modal > .header:not(.ui) {
   font-size: @headerFontSize;
   line-height: @headerLineHeight;
   font-weight: @headerFontWeight;
-  color: @headerColor;
-  border-bottom: @headerBorder;
 }
 
 /*--------------
@@ -116,37 +116,46 @@
 ---------------*/
 
 .ui.modal > .content {
-  display: table;
-  table-layout: fixed;
+  display: block;
   width: 100%;
   font-size: @contentFontSize;
   line-height: @contentLineHeight;
   padding: @contentPadding;
   background: @contentBackground;
 }
+.ui.modal > .image.content {
+  display: flex;
+  flex-direction: row;
+}
 
 /* Image */
 .ui.modal > .content > .image {
-  display: table-cell;
+  display: block;
+  flex: 0 1 auto;
   width: @imageWidth;
-  vertical-align: @imageVerticalAlign;
+  align-self: @imageVerticalAlign;
+}
+.ui.modal > [class*="top aligned"] {
+  align-self: top;
 }
-.ui.modal > .content > .image[class*="top aligned"] {
-  vertical-align: top;
+.ui.modal > [class*="middle aligned"] {
+  align-self: middle;
 }
-.ui.modal > .content > .image[class*="middle aligned"] {
-  vertical-align: middle;
+.ui.modal > [class*="stretched"] {
+  align-self: stretch;
 }
 
 /* Description */
 .ui.modal > .content > .description {
-  display: table-cell;
-  vertical-align: top;
-  vertical-align: @descriptionVerticalAlign;
+  display: block;
+  flex: 1 0 auto;
+  min-width: 0px;
+  align-self: @descriptionVerticalAlign;
 }
 
 .ui.modal > .content > .icon + .description,
 .ui.modal > .content > .image + .description {
+  flex: 0 1 auto;
   min-width: @descriptionMinWidth;
   width: @descriptionWidth;
   padding-left: @descriptionDistance;
@@ -154,10 +163,11 @@
 
 /*rtl:ignore*/
 .ui.modal > .content > .image > i.icon {
-  font-size: @imageIconSize;
   margin: 0em;
   opacity: 1;
   width: auto;
+  line-height: 1;
+  font-size: @imageIconSize;
 }
 
 /*--------------
@@ -239,6 +249,9 @@
   }
 
   /*rtl:ignore*/
+  .ui.modal .image.content {
+    flex-direction: column;
+  }
   .ui.modal .content > .image {
     display: block;
     max-width: 100%;
@@ -270,6 +283,14 @@
   }
 }
 
+/*--------------
+    Coupling
+---------------*/
+
+.ui.inverted.dimmer > .ui.modal {
+  box-shadow: @invertedBoxShadow;
+}
+
 /*******************************
              Types
 *******************************/
@@ -278,7 +299,7 @@
   background-color: transparent;
   border: none;
   border-radius: 0em;
-  box-shadow: 0px 0px 0px 0px;
+  box-shadow: none !important;
   color: @basicModalColor;
 }
 .ui.basic.modal > .header,
@@ -294,18 +315,37 @@
   right: @basicModalCloseRight;
 }
 
+.ui.inverted.dimmer > .basic.modal {
+  color: @basicInvertedModalColor;
+}
+.ui.inverted.dimmer > .ui.basic.modal > .header {
+  color: @basicInvertedModalHeaderColor;
+}
+
 /* Tablet and Mobile */
 @media only screen and (max-width : @computerBreakpoint) {
-
   .ui.basic.modal > .close {
     color: @basicInnerCloseColor;
   }
 }
 
+
 /*******************************
-            Variations
+             States
 *******************************/
 
+.ui.active.modal {
+  display: block;
+}
+
+/*******************************
+           Variations
+*******************************/
+
+/*--------------
+    Scrolling
+---------------*/
+
 /* A modal that cannot fit on the page */
 .scrolling.dimmable.dimmed {
   overflow: hidden;
@@ -317,12 +357,30 @@
 .scrolling.dimmable > .dimmer {
   position: fixed;
 }
-
-.ui.scrolling.modal {
-  position: static;
+.modals.dimmer .ui.scrolling.modal {
+  position: static !important;
   margin: @scrollingMargin auto !important;
 }
 
+/* undetached scrolling */
+.scrolling.undetached.dimmable.dimmed {
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.scrolling.undetached.dimmable.dimmed > .dimmer {
+  overflow: hidden;
+}
+.scrolling.undetached.dimmable .ui.scrolling.modal {
+  position: absolute;
+  left: 50%;
+  margin-top: @scrollingMargin !important;
+}
+
+/* Coupling with Sidebar */
+.undetached.dimmable.dimmed > .pusher {
+  z-index: auto;
+}
+
 @media only screen and (max-width : @computerBreakpoint) {
   .ui.scrolling.modal {
     margin-top: @mobileScrollingMargin;
@@ -330,17 +388,6 @@
   }
 }
 
-/*******************************
-             States
-*******************************/
-
-.ui.active.modal {
-  display: block;
-}
-
-/*******************************
-           Variations
-*******************************/
 
 /*--------------
    Full Screen
@@ -373,7 +420,7 @@
 }
 
 /* Small */
-.ui.small.modal > .header {
+.ui.small.modal > .header:not(.ui) {
   font-size: @smallHeaderSize;
 }
 

data/assets/stylesheets/semantic_ui/definitions/modules/nag.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *

data/assets/stylesheets/semantic_ui/definitions/modules/popup.less

@@ -8,12 +8,13 @@
  *= 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
  *
@@ -40,9 +41,12 @@
   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;
 
@@ -90,17 +94,43 @@
 .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;
 }
 
 /*--------------
@@ -215,6 +245,11 @@
   display: block;
 }
 
+.ui.visible.popup {
+  transform: translateZ(0px);
+  backface-visibility: hidden;
+}
+
 
 /*******************************
             Variations
@@ -284,6 +319,12 @@
      Sizes
 ---------------*/
 
+.ui.mini.popup {
+  font-size: @mini;
+}
+.ui.tiny.popup {
+  font-size: @tiny;
+}
 .ui.small.popup {
   font-size: @small;
 }