diff options
Diffstat (limited to 'uikit/static/css/components/nestable.css')
-rw-r--r-- | uikit/static/css/components/nestable.css | 132 |
1 files changed, 132 insertions, 0 deletions
diff --git a/uikit/static/css/components/nestable.css b/uikit/static/css/components/nestable.css new file mode 100644 index 0000000..aa4c644 --- /dev/null +++ b/uikit/static/css/components/nestable.css @@ -0,0 +1,132 @@ +/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Nestable + ========================================================================== */ +.uk-nestable { + padding: 0; + list-style: none; +} +/* + * Disables the default callout shown when you touch and hold a touch target + * Currently only works in Webkit + */ +.uk-nestable a, +.uk-nestable img { + -webkit-touch-callout: none; +} +/* Sub-object `uk-nestable-list` + ========================================================================== */ +.uk-nestable-list { + margin: 0; + padding-left: 40px; + list-style: none; +} +/* Sub-modifier `uk-nestable-item` + ========================================================================== */ +/* + * 1. Deactivate browser touch actions in IE11 + */ +.uk-nestable-item { + /* 1 */ + touch-action: none; +} +.uk-nestable-item + .uk-nestable-item { + margin-top: 10px; +} +.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { + margin-top: 10px; +} +/* Sub-modifier `uk-nestable-dragged` + ========================================================================== */ +/* + * 1. Reset style + */ +.uk-nestable-dragged { + position: absolute; + z-index: 1050; + pointer-events: none; + /* 1 */ + padding-left: 0; +} +/* Sub-modifier `uk-nestable-placeholder` + ========================================================================== */ +.uk-nestable-placeholder { + position: relative; +} +.uk-nestable-placeholder > * { + opacity: 0; +} +.uk-nestable-placeholder:after { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + border: 1px dashed #dddddd; + opacity: 1; +} +/* Empty List + ========================================================================== */ +.uk-nestable:empty { + min-height: 30px; +} +/* Sub-object `uk-nestable-handle` + ========================================================================== */ +/* + * Deactivate browser touch actions in IE11 + */ +.uk-nestable-handle { + touch-action: none; +} +/* Hover */ +.uk-nestable-handle:hover { + cursor: move; +} +/* Sub-object `uk-nestable-moving` + ========================================================================== */ +.uk-nestable-moving, +.uk-nestable-moving * { + cursor: move; +} +/* [data-nestable-action='toggle'] + ========================================================================== */ +/* + * 1. Makes text unselectable. Happens if double clicked by mistake + */ +[data-nestable-action='toggle'] { + cursor: pointer; + /* 1 */ + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +/* Sub-object `.uk-nestable-toggle` + ========================================================================== */ +.uk-nestable-toggle { + display: inline-block; + visibility: hidden; +} +.uk-nestable-toggle:after { + content: "\f147"; + font-family: FontAwesome; +} +.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { + visibility: visible; +} +/* + * Collapsed + */ +.uk-collapsed .uk-nestable-list { + display: none; +} +.uk-collapsed .uk-nestable-toggle:after { + content: "\f196"; +} +/* Sub-object `uk-nestable-panel` + ========================================================================== */ +.uk-nestable-panel { + padding: 5px; + background: #f5f5f5; +} |