aboutsummaryrefslogtreecommitdiffstats
path: root/uikit/static/css/components/nestable.css
diff options
context:
space:
mode:
authorValentin Heinz <inktrap@users.noreply.github.com>2017-04-08 14:03:25 +0200
committerAlexis Metaireau <alexis@notmyidea.org>2017-04-08 14:03:25 +0200
commit5c231ceade17e7f5b1bba90e845dd2d17e54da1c (patch)
treef4f07dbbac2c51c8a0af1e1a24f11e030a2e4155 /uikit/static/css/components/nestable.css
parent00986ab80df4b6be2d1306671907e2b2378e487f (diff)
downloadpelican-themes-5c231ceade17e7f5b1bba90e845dd2d17e54da1c.tar.gz
uikit demo theme ported to pelican (#385)
Diffstat (limited to 'uikit/static/css/components/nestable.css')
-rw-r--r--uikit/static/css/components/nestable.css132
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;
+}