/*! 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: #f5f5f5; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.06); 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; }