fomantic-ui 2.9.1-beta.19 → 2.9.1-beta.20

package/src/definitions/modules/embed.less

@@ -8,12 +8,11 @@
  *
  */
 
-
 /*******************************
             Theme
 *******************************/
 
-@type    : 'module';
+@type : 'module';
 @element : 'embed';
 
 @import (multiple) '../../theme.config';
@@ -23,119 +22,119 @@
 *******************************/
 
 .ui.embed {
-  position: relative;
-  max-width: 100%;
-  height: 0;
-  overflow: hidden;
-  background: @background;
-  padding-bottom: @widescreenRatio;
+    position: relative;
+    max-width: 100%;
+    height: 0;
+    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: 0;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
+    position: absolute;
+    border: none;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
 }
 
-/*-----------------
+/* -----------------
       Embed
-------------------*/
+------------------ */
 
 .ui.embed > .embed {
-  display: none;
+    display: none;
 }
 
-/*--------------
+/* --------------
    Placeholder
----------------*/
+--------------- */
 
 .ui.embed > .placeholder {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  background-color: @placeholderBackground;
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    display: block;
+    width: 100%;
+    height: 100%;
+    background-color: @placeholderBackground;
 }
 
-/*--------------
+/* --------------
       Icon
----------------*/
+--------------- */
 
 .ui.embed > i.icon {
-  cursor: pointer;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
+    cursor: pointer;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
 }
 .ui.embed > i.icon::after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 3;
-  content: '';
-  background: @placeholderBackground;
-  opacity: @placeholderBackgroundOpacity;
-  transition: @placeholderBackgroundTransition;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 3;
+    content: '';
+    background: @placeholderBackground;
+    opacity: @placeholderBackgroundOpacity;
+    transition: @placeholderBackgroundTransition;
 }
 .ui.embed > i.icon::before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translateX(-50%) translateY(-50%);
-
-  color: @iconColor;
-  font-size: @iconSize;
-  text-shadow: @iconShadow;
-  transition: @iconTransition;
-  z-index: @iconZIndex;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+
+    color: @iconColor;
+    font-size: @iconSize;
+    text-shadow: @iconShadow;
+    transition: @iconTransition;
+    z-index: @iconZIndex;
 }
 
 /*******************************
             States
 *******************************/
 
-/*--------------
+/* --------------
      Hover
----------------*/
+--------------- */
 
 .ui.embed i.icon:hover::after {
-  background: @hoverPlaceholderBackground;
-  opacity: @hoverPlaceholderBackgroundOpacity;
+    background: @hoverPlaceholderBackground;
+    opacity: @hoverPlaceholderBackgroundOpacity;
 }
 .ui.embed i.icon:hover::before {
-  color: @hoverIconColor;
+    color: @hoverIconColor;
 }
 
-/*--------------
+/* --------------
      Active
----------------*/
+--------------- */
 
 .ui.active.embed > i.icon,
 .ui.active.embed > .placeholder {
-  display: none;
+    display: none;
 }
 .ui.active.embed > .embed {
-  display: block;
+    display: block;
 }
 
 /*******************************
@@ -143,18 +142,18 @@
 *******************************/
 
 & when (@variationEmbedRatio) {
-  .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;
-  }
+    .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;
+    }
 }
 
 .loadUIOverrides();