fomantic-ui 2.9.1-beta.8 → 2.9.1

package/dist/components/sidebar.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.8+edc5e7e - Sidebar
+ * # Fomantic-UI 2.9.1 - Sidebar
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21,18 +21,17 @@
   left: 0;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
-  -webkit-transition: none;
   transition: none;
   will-change: transform;
-  -webkit-transform: translate3d(0, 0, 0);
-          transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
   visibility: hidden;
-  -webkit-overflow-scrolling: touch;
   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;
 }
 
@@ -42,21 +41,18 @@
           backface-visibility: hidden;
 }
 
-/*--------------
+/* --------------
    Direction
----------------*/
-
+--------------- */
 .ui.left.sidebar {
   right: auto;
   left: 0;
-  -webkit-transform: translate3d(-100%, 0, 0);
-          transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
 }
 .ui.right.sidebar {
   right: 0 !important;
   left: auto !important;
-  -webkit-transform: translate3d(100%, 0, 0);
-          transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
 }
 .ui.top.sidebar,
 .ui.bottom.sidebar {
@@ -66,20 +62,17 @@
 .ui.top.sidebar {
   top: 0 !important;
   bottom: auto !important;
-  -webkit-transform: translate3d(0, -100%, 0);
-          transform: translate3d(0, -100%, 0);
+  transform: translate3d(0, -100%, 0);
 }
 .ui.bottom.sidebar {
   top: auto !important;
   bottom: 0 !important;
-  -webkit-transform: translate3d(0, 100%, 0);
-          transform: translate3d(0, 100%, 0);
+  transform: translate3d(0, 100%, 0);
 }
 
-/*--------------
+/* --------------
      Pushable
----------------*/
-
+--------------- */
 .pushable.pushable.pushable {
   height: 100%;
   overflow-x: hidden;
@@ -100,8 +93,7 @@ body.pushable.dimmed {
 
 /* Page Context */
 .pushable:not(body) {
-  -webkit-transform: translate3d(0, 0, 0);
-          transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
   overflow-y: hidden;
 }
 .pushable:not(body) > .ui.sidebar,
@@ -110,35 +102,27 @@ body.pushable.dimmed {
   position: absolute;
 }
 
-/*--------------
+/* --------------
      Fixed
----------------*/
-
+--------------- */
 .pushable > .fixed {
   position: fixed;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
-  -webkit-transition: -webkit-transform 500ms ease;
-  transition: -webkit-transform 500ms ease;
   transition: transform 500ms ease;
-  transition: transform 500ms ease, -webkit-transform 500ms ease;
   will-change: transform;
   z-index: 101;
 }
 
-/*--------------
+/* --------------
      Page
----------------*/
-
+--------------- */
 .pushable > .pusher {
   position: relative;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   min-height: 100%;
-  -webkit-transition: -webkit-transform 500ms ease;
-  transition: -webkit-transform 500ms ease;
   transition: transform 500ms ease;
-  transition: transform 500ms ease, -webkit-transform 500ms ease;
   z-index: 2;
   
 /* Pusher should inherit background from context */
@@ -148,31 +132,28 @@ body.pushable.dimmed {
   overflow: hidden;
 }
 body.pushable > .pusher {
-  background: #FFFFFF;
+  background: #fff;
 }
 
-/*--------------
+/* --------------
      Dimmer
----------------*/
-
+--------------- */
 .pushable > .pusher::after {
   position: fixed;
   top: 0;
   right: 0;
-  content: '';
+  content: "";
   background: rgba(0, 0, 0, 0.4);
   overflow: hidden;
   opacity: 0;
-  -webkit-transition: all 500ms;
   transition: all 500ms;
   will-change: opacity;
   z-index: 1000;
 }
 
-/*--------------
+/* --------------
     Coupling
----------------*/
-
+--------------- */
 .ui.sidebar.menu .item {
   border-radius: 0 !important;
 }
@@ -183,10 +164,9 @@ body.pushable > .pusher {
 *******************************/
 
 
-/*--------------
+/* --------------
      Dimmed
----------------*/
-
+--------------- */
 .pushable > .pusher.dimmed::after {
   width: 100% !important;
   height: 100% !important;
@@ -201,56 +181,47 @@ body.pushable > .pusher {
   opacity: 0 !important;
 }
 
-/*--------------
+/* --------------
     Animating
----------------*/
-
+--------------- */
 .ui.animating.sidebar {
   visibility: visible;
 }
 
-/*--------------
+/* --------------
      Visible
----------------*/
-
+--------------- */
 .ui.visible.sidebar {
   visibility: visible;
-  -webkit-transform: translate3d(0, 0, 0);
-          transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 
 /* Shadow Direction */
 .ui.left.visible.sidebar,
 .ui.right.visible.sidebar {
-  -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
-          box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
+  box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
 }
 .ui.top.visible.sidebar,
 .ui.bottom.visible.sidebar {
-  -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
-          box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
+  box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
 }
 
 /* Visible On Load */
 .ui.visible.left.sidebar ~ .fixed,
 .ui.visible.left.sidebar ~ .pusher {
-  -webkit-transform: translate3d(260px, 0, 0);
-          transform: translate3d(260px, 0, 0);
+  transform: translate3d(260px, 0, 0);
 }
 .ui.visible.right.sidebar ~ .fixed,
 .ui.visible.right.sidebar ~ .pusher {
-  -webkit-transform: translate3d(-260px, 0, 0);
-          transform: translate3d(-260px, 0, 0);
+  transform: translate3d(-260px, 0, 0);
 }
 .ui.visible.top.sidebar ~ .fixed,
 .ui.visible.top.sidebar ~ .pusher {
-  -webkit-transform: translate3d(0, 36px, 0);
-          transform: translate3d(0, 36px, 0);
+  transform: translate3d(0, 36px, 0);
 }
 .ui.visible.bottom.sidebar ~ .fixed,
 .ui.visible.bottom.sidebar ~ .pusher {
-  -webkit-transform: translate3d(0, -36px, 0);
-          transform: translate3d(0, -36px, 0);
+  transform: translate3d(0, -36px, 0);
 }
 
 /* opposite sides visible forces content overlay */
@@ -258,14 +229,12 @@ body.pushable > .pusher {
 .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 {
-  -webkit-transform: translate3d(0, 0, 0);
-          transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 
-/*--------------
+/* --------------
        iOS
----------------*/
-
+--------------- */
 
 
 /*******************************
@@ -273,10 +242,9 @@ body.pushable > .pusher {
 *******************************/
 
 
-/*--------------
+/* --------------
      Width
----------------*/
-
+--------------- */
 
 /* Left / Right */
 .ui.thin.left.sidebar,
@@ -303,45 +271,37 @@ body.pushable > .pusher {
 /* Left Visible */
 .ui.visible.thin.left.sidebar ~ .fixed,
 .ui.visible.thin.left.sidebar ~ .pusher {
-  -webkit-transform: translate3d(150px, 0, 0);
-          transform: translate3d(150px, 0, 0);
+  transform: translate3d(150px, 0, 0);
 }
 .ui.visible[class*="very thin"].left.sidebar ~ .fixed,
 .ui.visible[class*="very thin"].left.sidebar ~ .pusher {
-  -webkit-transform: translate3d(60px, 0, 0);
-          transform: translate3d(60px, 0, 0);
+  transform: translate3d(60px, 0, 0);
 }
 .ui.visible.wide.left.sidebar ~ .fixed,
 .ui.visible.wide.left.sidebar ~ .pusher {
-  -webkit-transform: translate3d(350px, 0, 0);
-          transform: translate3d(350px, 0, 0);
+  transform: translate3d(350px, 0, 0);
 }
 .ui.visible[class*="very wide"].left.sidebar ~ .fixed,
 .ui.visible[class*="very wide"].left.sidebar ~ .pusher {
-  -webkit-transform: translate3d(475px, 0, 0);
-          transform: translate3d(475px, 0, 0);
+  transform: translate3d(475px, 0, 0);
 }
 
 /* Right Visible */
 .ui.visible.thin.right.sidebar ~ .fixed,
 .ui.visible.thin.right.sidebar ~ .pusher {
-  -webkit-transform: translate3d(-150px, 0, 0);
-          transform: translate3d(-150px, 0, 0);
+  transform: translate3d(-150px, 0, 0);
 }
 .ui.visible[class*="very thin"].right.sidebar ~ .fixed,
 .ui.visible[class*="very thin"].right.sidebar ~ .pusher {
-  -webkit-transform: translate3d(-60px, 0, 0);
-          transform: translate3d(-60px, 0, 0);
+  transform: translate3d(-60px, 0, 0);
 }
 .ui.visible.wide.right.sidebar ~ .fixed,
 .ui.visible.wide.right.sidebar ~ .pusher {
-  -webkit-transform: translate3d(-350px, 0, 0);
-          transform: translate3d(-350px, 0, 0);
+  transform: translate3d(-350px, 0, 0);
 }
 .ui.visible[class*="very wide"].right.sidebar ~ .fixed,
 .ui.visible[class*="very wide"].right.sidebar ~ .pusher {
-  -webkit-transform: translate3d(-475px, 0, 0);
-          transform: translate3d(-475px, 0, 0);
+  transform: translate3d(-475px, 0, 0);
 }
 
 
@@ -350,10 +310,9 @@ body.pushable > .pusher {
 *******************************/
 
 
-/*--------------
-      Overlay
-  ---------------*/
-
+/* --------------
+        Overlay
+    --------------- */
 
 /* Set-up */
 .ui.overlay.sidebar {
@@ -362,120 +321,92 @@ body.pushable > .pusher {
 
 /* Initial */
 .ui.left.overlay.sidebar {
-  -webkit-transform: translate3d(-100%, 0, 0);
-          transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
 }
 .ui.right.overlay.sidebar {
-  -webkit-transform: translate3d(100%, 0, 0);
-          transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
 }
 .ui.top.overlay.sidebar {
-  -webkit-transform: translate3d(0%, -100%, 0);
-          transform: translate3d(0%, -100%, 0);
+  transform: translate3d(0, -100%, 0);
 }
 .ui.bottom.overlay.sidebar {
-  -webkit-transform: translate3d(0%, 100%, 0);
-          transform: translate3d(0%, 100%, 0);
+  transform: translate3d(0, 100%, 0);
 }
 
 /* Animation */
 .animating.ui.overlay.sidebar,
 .ui.visible.overlay.sidebar {
-  -webkit-transition: -webkit-transform 500ms ease;
-  transition: -webkit-transform 500ms ease;
   transition: transform 500ms ease;
-  transition: transform 500ms ease, -webkit-transform 500ms ease;
 }
 
 /* End - Sidebar */
 .ui.visible.left.overlay.sidebar {
-  -webkit-transform: translate3d(0%, 0, 0);
-          transform: translate3d(0%, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .ui.visible.right.overlay.sidebar {
-  -webkit-transform: translate3d(0%, 0, 0);
-          transform: translate3d(0%, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .ui.visible.top.overlay.sidebar {
-  -webkit-transform: translate3d(0%, 0, 0);
-          transform: translate3d(0%, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .ui.visible.bottom.overlay.sidebar {
-  -webkit-transform: translate3d(0%, 0, 0);
-          transform: translate3d(0%, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 
 /* End - Pusher */
 .ui.visible.overlay.sidebar ~ .fixed,
 .ui.visible.overlay.sidebar ~ .pusher {
-  -webkit-transform: none !important;
-          transform: none !important;
+  transform: none !important;
 }
 
-/*--------------
-        Push
-  ---------------*/
-
+/* --------------
+          Push
+    --------------- */
 
 /* Initial */
 .ui.push.sidebar {
-  -webkit-transition: -webkit-transform 500ms ease;
-  transition: -webkit-transform 500ms ease;
   transition: transform 500ms ease;
-  transition: transform 500ms ease, -webkit-transform 500ms ease;
   z-index: 102;
 }
 
 /* Sidebar - Initial */
 .ui.left.push.sidebar {
-  -webkit-transform: translate3d(-100%, 0, 0);
-          transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
 }
 .ui.right.push.sidebar {
-  -webkit-transform: translate3d(100%, 0, 0);
-          transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
 }
 .ui.top.push.sidebar {
-  -webkit-transform: translate3d(0%, -100%, 0);
-          transform: translate3d(0%, -100%, 0);
+  transform: translate3d(0, -100%, 0);
 }
 .ui.bottom.push.sidebar {
-  -webkit-transform: translate3d(0%, 100%, 0);
-          transform: translate3d(0%, 100%, 0);
+  transform: translate3d(0, 100%, 0);
 }
 
 /* End */
 .ui.visible.push.sidebar {
-  -webkit-transform: translate3d(0%, 0, 0);
-          transform: translate3d(0%, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 
-/*--------------
-      Uncover
-  ---------------*/
-
+/* --------------
+        Uncover
+    --------------- */
 
 /* Initial */
 .ui.uncover.sidebar {
-  -webkit-transform: translate3d(0, 0, 0);
-          transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
   z-index: 1;
 }
 
 /* End */
 .ui.visible.uncover.sidebar {
-  -webkit-transform: translate3d(0, 0, 0);
-          transform: translate3d(0, 0, 0);
-  -webkit-transition: -webkit-transform 500ms ease;
-  transition: -webkit-transform 500ms ease;
+  transform: translate3d(0, 0, 0);
   transition: transform 500ms ease;
-  transition: transform 500ms ease, -webkit-transform 500ms ease;
 }
 
-/*--------------
-     Slide Along
-  ---------------*/
-
+/* --------------
+       Slide Along
+    --------------- */
 
 /* Initial */
 .ui.slide.along.sidebar {
@@ -484,40 +415,31 @@ body.pushable > .pusher {
 
 /* Sidebar - Initial */
 .ui.left.slide.along.sidebar {
-  -webkit-transform: translate3d(-50%, 0, 0);
-          transform: translate3d(-50%, 0, 0);
+  transform: translate3d(-50%, 0, 0);
 }
 .ui.right.slide.along.sidebar {
-  -webkit-transform: translate3d(50%, 0, 0);
-          transform: translate3d(50%, 0, 0);
+  transform: translate3d(50%, 0, 0);
 }
 .ui.top.slide.along.sidebar {
-  -webkit-transform: translate3d(0, -50%, 0);
-          transform: translate3d(0, -50%, 0);
+  transform: translate3d(0, -50%, 0);
 }
 .ui.bottom.slide.along.sidebar {
-  -webkit-transform: translate3d(0%, 50%, 0);
-          transform: translate3d(0%, 50%, 0);
+  transform: translate3d(0, 50%, 0);
 }
 
 /* Animation */
 .ui.animating.slide.along.sidebar {
-  -webkit-transition: -webkit-transform 500ms ease;
-  transition: -webkit-transform 500ms ease;
   transition: transform 500ms ease;
-  transition: transform 500ms ease, -webkit-transform 500ms ease;
 }
 
 /* End */
 .ui.visible.slide.along.sidebar {
-  -webkit-transform: translate3d(0%, 0, 0);
-          transform: translate3d(0%, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 
-/*--------------
-     Slide Out
-  ---------------*/
-
+/* --------------
+       Slide Out
+    --------------- */
 
 /* Initial */
 .ui.slide.out.sidebar {
@@ -526,90 +448,67 @@ body.pushable > .pusher {
 
 /* Sidebar - Initial */
 .ui.left.slide.out.sidebar {
-  -webkit-transform: translate3d(50%, 0, 0);
-          transform: translate3d(50%, 0, 0);
+  transform: translate3d(50%, 0, 0);
 }
 .ui.right.slide.out.sidebar {
-  -webkit-transform: translate3d(-50%, 0, 0);
-          transform: translate3d(-50%, 0, 0);
+  transform: translate3d(-50%, 0, 0);
 }
 .ui.top.slide.out.sidebar {
-  -webkit-transform: translate3d(0%, 50%, 0);
-          transform: translate3d(0%, 50%, 0);
+  transform: translate3d(0, 50%, 0);
 }
 .ui.bottom.slide.out.sidebar {
-  -webkit-transform: translate3d(0%, -50%, 0);
-          transform: translate3d(0%, -50%, 0);
+  transform: translate3d(0, -50%, 0);
 }
 
 /* Animation */
 .ui.animating.slide.out.sidebar {
-  -webkit-transition: -webkit-transform 500ms ease;
-  transition: -webkit-transform 500ms ease;
   transition: transform 500ms ease;
-  transition: transform 500ms ease, -webkit-transform 500ms ease;
 }
 
 /* End */
 .ui.visible.slide.out.sidebar {
-  -webkit-transform: translate3d(0%, 0, 0);
-          transform: translate3d(0%, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 
-/*--------------
-     Scale Down
-  ---------------*/
-
+/* --------------
+       Scale Down
+    --------------- */
 
 /* Initial */
 .ui.scale.down.sidebar {
-  -webkit-transition: -webkit-transform 500ms ease;
-  transition: -webkit-transform 500ms ease;
   transition: transform 500ms ease;
-  transition: transform 500ms ease, -webkit-transform 500ms ease;
   z-index: 102;
 }
 .ui.left.scale.down.sidebar {
-  -webkit-transform: translate3d(-100%, 0, 0);
-          transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
 }
 .ui.right.scale.down.sidebar {
-  -webkit-transform: translate3d(100%, 0, 0);
-          transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
 }
 .ui.top.scale.down.sidebar {
-  -webkit-transform: translate3d(0%, -100%, 0);
-          transform: translate3d(0%, -100%, 0);
+  transform: translate3d(0, -100%, 0);
 }
 .ui.bottom.scale.down.sidebar {
-  -webkit-transform: translate3d(0%, 100%, 0);
-          transform: translate3d(0%, 100%, 0);
+  transform: translate3d(0, 100%, 0);
 }
 
 /* Pusher - Initial */
 .ui.scale.down.left.sidebar ~ .pusher {
-  -webkit-transform-origin: 75% 50%;
-          transform-origin: 75% 50%;
+  transform-origin: 75% 50%;
 }
 .ui.scale.down.right.sidebar ~ .pusher {
-  -webkit-transform-origin: 25% 50%;
-          transform-origin: 25% 50%;
+  transform-origin: 25% 50%;
 }
 .ui.scale.down.top.sidebar ~ .pusher {
-  -webkit-transform-origin: 50% 75%;
-          transform-origin: 50% 75%;
+  transform-origin: 50% 75%;
 }
 .ui.scale.down.bottom.sidebar ~ .pusher {
-  -webkit-transform-origin: 50% 25%;
-          transform-origin: 50% 25%;
+  transform-origin: 50% 25%;
 }
 
 /* Animation */
 .ui.animating.scale.down > .visible.ui.sidebar {
-  -webkit-transition: -webkit-transform 500ms ease;
-  transition: -webkit-transform 500ms ease;
   transition: transform 500ms ease;
-  transition: transform 500ms ease, -webkit-transform 500ms ease;
 }
 .ui.visible.scale.down.sidebar ~ .pusher,
 .ui.animating.scale.down.sidebar ~ .pusher {
@@ -621,12 +520,10 @@ body.pushable > .pusher {
 
 /* End */
 .ui.visible.scale.down.sidebar {
-  -webkit-transform: translate3d(0, 0, 0);
-          transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .ui.visible.scale.down.sidebar ~ .pusher {
-  -webkit-transform: scale(0.75);
-          transform: scale(0.75);
+  transform: scale(0.75);
 }