github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/src/definitions/modules/sticky.less (about) 1 /*! 2 * # Semantic UI - Sticky 3 * http://github.com/semantic-org/semantic-ui/ 4 * 5 * 6 * Copyright 2014 Contributors 7 * Released under the MIT license 8 * http://opensource.org/licenses/MIT 9 * 10 */ 11 12 13 /******************************* 14 Theme 15 *******************************/ 16 17 @type : 'module'; 18 @element : 'sticky'; 19 20 @import (multiple) '../../theme.config'; 21 22 /******************************* 23 Sticky 24 *******************************/ 25 26 .ui.sticky { 27 position: static; 28 transition: @transition; 29 z-index: @zIndex; 30 } 31 32 /******************************* 33 States 34 *******************************/ 35 36 /* Bound */ 37 .ui.sticky.bound { 38 position: absolute; 39 left: auto; 40 right: auto; 41 } 42 43 /* Fixed */ 44 .ui.sticky.fixed { 45 position: fixed; 46 left: auto; 47 right: auto; 48 } 49 50 /* Bound/Fixed Position */ 51 .ui.sticky.bound.top, 52 .ui.sticky.fixed.top { 53 top: 0px; 54 bottom: auto; 55 } 56 .ui.sticky.bound.bottom, 57 .ui.sticky.fixed.bottom { 58 top: auto; 59 bottom: 0px; 60 } 61 62 63 /******************************* 64 Types 65 *******************************/ 66 67 .ui.native.sticky { 68 position: -webkit-sticky; 69 position: -moz-sticky; 70 position: -ms-sticky; 71 position: -o-sticky; 72 position: sticky; 73 } 74 75 .loadUIOverrides();