/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ /* ======================================================================== Addon: Sortable ========================================================================== */ .uk-sortable { padding: 0; list-style: none; } /* Sub-object `uk-sortable-list` ========================================================================== */ .uk-sortable-list { margin: 0; padding-left: 40px; list-style: none; } /* Sub-modifier `uk-sortable-list-dragged` ========================================================================== */ .uk-sortable-list-dragged { position: absolute; z-index: 1040; padding-left: 0; pointer-events: none; } /* Sub-object `uk-sortable-item` ========================================================================== */ .uk-sortable-item { margin-bottom: 10px; padding: 5px; background: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom-color: rgba(0, 0, 0, 0.3); background-origin: border-box; background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); background-image: linear-gradient(to bottom, #ffffff, #eeeeee); text-shadow: 0 1px 0 #ffffff; } /* Sub-object `uk-sortable-placeholder` * The placeholder which marks the drop area ========================================================================== */ .uk-sortable-placeholder { -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; border: 1px dashed #dddddd; } /* Sub-object `uk-sortable-empty` * The style of an empty list ========================================================================== */ .uk-sortable-empty { min-height: 40px; } /* Sub-object `uk-sortable-handle` ========================================================================== */ .uk-sortable-handle { display: inline-block; font-size: 18px; color: #dddddd; } /* Hover */ .uk-sortable-handle:hover { cursor: move; } /* Icon */ .uk-sortable-handle:after { content: "\f0c9"; font-family: FontAwesome; } /* Sub-object `uk-sortable-moving` ========================================================================== */ .uk-sortable-moving, .uk-sortable-moving * { cursor: move; } /* Sub-object `[data-action='toggle']` ========================================================================== */ /* Hidden by default */ [data-sortable-action='toggle'] { display: inline-block; color: #999999; visibility: hidden; } /* Hover */ [data-sortable-action='toggle']:hover { color: #444444; cursor: pointer; } /* Icon */ [data-sortable-action='toggle']:after { content: "\f147"; font-family: FontAwesome; } /* * Show if nested */ .uk-parent > .uk-sortable-item [data-sortable-action='toggle'] { visibility: visible; } /* * Collapsed */ .uk-collapsed > .uk-sortable-item [data-sortable-action='toggle']:after { content: "\f196"; } .uk-collapsed .uk-sortable-list { display: none; }