init

bower_components/uikit/less/components/sticky.less

@@ -0,0 +1,57 @@
+// Name:            Sticky
+// Description:     Make elements remain at the top of the viewport
+//
+// Component:       `data-uk-sticky`
+//
+// States:          `uk-active`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@sticky-z-index:                                980;
+
+@sticky-animation-duration:                     0.2s;
+@sticky-reverse-animation-duration:             0.2s;
+
+
+/* ========================================================================
+   Component: Sticky
+ ========================================================================== */
+
+/*
+ * 1. More robust if padding and border are used
+ * 2. Enable hardware acceleration for iOS browsers, resolves scrolling issue
+ */
+
+[data-uk-sticky].uk-active {
+   z-index: @sticky-z-index;
+   /* 1 */
+   box-sizing: border-box;
+   /* 2 */
+   -webkit-backface-visibility: hidden
+}
+
+/*
+ * Faster animations
+ */
+
+[data-uk-sticky][class*='uk-animation-'] {
+    -webkit-animation-duration: @sticky-animation-duration;
+    animation-duration: @sticky-animation-duration;
+}
+
+[data-uk-sticky].uk-animation-reverse {
+    -webkit-animation-duration: @sticky-reverse-animation-duration;
+    animation-duration: @sticky-reverse-animation-duration;
+}
+
+
+// Hooks
+// ========================================================================
+
+.hook-sticky-misc;
+
+.hook-sticky-misc() {}