My personal site (brandoncornejo.name) (binaryatrocity.name)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

101 lines
2.6 KiB

10 years ago
  1. /*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
  2. /* ========================================================================
  3. Addon: Sortable
  4. ========================================================================== */
  5. .uk-sortable {
  6. padding: 0;
  7. list-style: none;
  8. }
  9. /* Sub-object `uk-sortable-list`
  10. ========================================================================== */
  11. .uk-sortable-list {
  12. margin: 0;
  13. padding-left: 40px;
  14. list-style: none;
  15. }
  16. /* Sub-modifier `uk-sortable-list-dragged`
  17. ========================================================================== */
  18. .uk-sortable-list-dragged {
  19. position: absolute;
  20. z-index: 1040;
  21. padding-left: 0;
  22. pointer-events: none;
  23. }
  24. /* Sub-object `uk-sortable-item`
  25. ========================================================================== */
  26. .uk-sortable-item {
  27. margin-bottom: 10px;
  28. padding: 5px;
  29. background: #f5f5f5;
  30. }
  31. /* Sub-object `uk-sortable-placeholder`
  32. * The placeholder which marks the drop area
  33. ========================================================================== */
  34. .uk-sortable-placeholder {
  35. -moz-box-sizing: border-box;
  36. box-sizing: border-box;
  37. margin-bottom: 10px;
  38. border: 1px dashed #dddddd;
  39. }
  40. /* Sub-object `uk-sortable-empty`
  41. * The style of an empty list
  42. ========================================================================== */
  43. .uk-sortable-empty {
  44. min-height: 40px;
  45. }
  46. /* Sub-object `uk-sortable-handle`
  47. ========================================================================== */
  48. .uk-sortable-handle {
  49. display: inline-block;
  50. font-size: 18px;
  51. color: #dddddd;
  52. }
  53. /* Hover */
  54. .uk-sortable-handle:hover {
  55. cursor: move;
  56. }
  57. /* Icon */
  58. .uk-sortable-handle:after {
  59. content: "\f0c9";
  60. font-family: FontAwesome;
  61. }
  62. /* Sub-object `uk-sortable-moving`
  63. ========================================================================== */
  64. .uk-sortable-moving,
  65. .uk-sortable-moving * {
  66. cursor: move;
  67. }
  68. /* Sub-object `[data-action='toggle']`
  69. ========================================================================== */
  70. /* Hidden by default */
  71. [data-sortable-action='toggle'] {
  72. display: inline-block;
  73. color: #999999;
  74. visibility: hidden;
  75. }
  76. /* Hover */
  77. [data-sortable-action='toggle']:hover {
  78. color: #444444;
  79. cursor: pointer;
  80. }
  81. /* Icon */
  82. [data-sortable-action='toggle']:after {
  83. content: "\f147";
  84. font-family: FontAwesome;
  85. }
  86. /*
  87. * Show if nested
  88. */
  89. .uk-parent > .uk-sortable-item [data-sortable-action='toggle'] {
  90. visibility: visible;
  91. }
  92. /*
  93. * Collapsed
  94. */
  95. .uk-collapsed > .uk-sortable-item [data-sortable-action='toggle']:after {
  96. content: "\f196";
  97. }
  98. .uk-collapsed .uk-sortable-list {
  99. display: none;
  100. }