From c94fb32c7a3c28b18a27460aa2447eeec1fac1de Mon Sep 17 00:00:00 2001 From: Pascal Szewczyk Date: Mon, 18 Jul 2016 23:23:54 +0200 Subject: uikit added --- css/components/nestable.css | 136 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 136 insertions(+) create mode 100755 css/components/nestable.css (limited to 'css/components/nestable.css') diff --git a/css/components/nestable.css b/css/components/nestable.css new file mode 100755 index 0000000..946dfa6 --- /dev/null +++ b/css/components/nestable.css @@ -0,0 +1,136 @@ +/*! UIkit 2.26.4 | 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 #ddd; + 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; +} +/* Fixes dragging items over iframes */ +.uk-nestable-moving iframe { + pointer-events: none; +} +/* [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; +} -- cgit v1.2.3