Demo-Component/media/uikit-v2/css/components/nestable.almost-flat.css

140 lines
3.4 KiB
CSS
Raw Normal View History

2019-04-23 20:37:57 +00:00
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2017-04-08 18:35:55 +00:00
/* ========================================================================
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;
2018-05-05 01:16:22 +00:00
border: 1px dashed #ddd;
2017-04-08 18:35:55 +00:00
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;
}
2018-05-05 01:16:22 +00:00
/* Fixes dragging items over iframes */
.uk-nestable-moving iframe {
pointer-events: none;
}
2017-04-08 18:35:55 +00:00
/* [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;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.06);
2018-05-05 01:16:22 +00:00
text-shadow: 0 1px 0 #fff;
2017-04-08 18:35:55 +00:00
}