fomantic-ui 2.9.1-beta.4 → 2.9.1-beta.40

package/dist/components/embed.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.4+9773a1d - Video
+ * # Fomantic-UI 2.9.1-beta.40+0bffb4a - Video
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -18,14 +18,13 @@
   max-width: 100%;
   height: 0;
   overflow: hidden;
-  background: #DCDDDE;
+  background: #dcddde;
   padding-bottom: 56.25%;
 }
 
-/*-----------------
+/* -----------------
   Embedded Content
-------------------*/
-
+------------------ */
 .ui.embed iframe,
 .ui.embed embed,
 .ui.embed object {
@@ -40,18 +39,16 @@
   overflow: hidden;
 }
 
-/*-----------------
+/* -----------------
       Embed
-------------------*/
-
+------------------ */
 .ui.embed > .embed {
   display: none;
 }
 
-/*--------------
+/* --------------
    Placeholder
----------------*/
-
+--------------- */
 .ui.embed > .placeholder {
   position: absolute;
   cursor: pointer;
@@ -63,10 +60,9 @@
   background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
 }
 
-/*--------------
+/* --------------
       Icon
----------------*/
-
+--------------- */
 .ui.embed > i.icon {
   cursor: pointer;
   position: absolute;
@@ -83,23 +79,19 @@
   width: 100%;
   height: 100%;
   z-index: 3;
-  content: '';
-  background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+  content: "";
   background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   opacity: 0.5;
-  -webkit-transition: opacity 0.5s ease;
   transition: opacity 0.5s ease;
 }
 .ui.embed > i.icon::before {
   position: absolute;
   top: 50%;
   left: 50%;
-  -webkit-transform: translateX(-50%) translateY(-50%);
-          transform: translateX(-50%) translateY(-50%);
-  color: #FFFFFF;
+  transform: translateX(-50%) translateY(-50%);
+  color: #fff;
   font-size: 6rem;
   text-shadow: 0 2px 10px rgba(34, 36, 38, 0.2);
-  -webkit-transition: opacity 0.5s ease, color 0.5s ease;
   transition: opacity 0.5s ease, color 0.5s ease;
   z-index: 10;
 }
@@ -110,23 +102,20 @@
 *******************************/
 
 
-/*--------------
+/* --------------
      Hover
----------------*/
-
+--------------- */
 .ui.embed i.icon:hover::after {
-  background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   opacity: 1;
 }
 .ui.embed i.icon:hover::before {
-  color: #FFFFFF;
+  color: #fff;
 }
 
-/*--------------
+/* --------------
      Active
----------------*/
-
+--------------- */
 .ui.active.embed > i.icon,
 .ui.active.embed > .placeholder {
   display: none;