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.

104 lines
2.7 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. border-radius: 4px;
  31. border: 1px solid rgba(0, 0, 0, 0.06);
  32. text-shadow: 0 1px 0 #ffffff;
  33. }
  34. /* Sub-object `uk-sortable-placeholder`
  35. * The placeholder which marks the drop area
  36. ========================================================================== */
  37. .uk-sortable-placeholder {
  38. -moz-box-sizing: border-box;
  39. box-sizing: border-box;
  40. margin-bottom: 10px;
  41. border: 1px dashed #dddddd;
  42. }
  43. /* Sub-object `uk-sortable-empty`
  44. * The style of an empty list
  45. ========================================================================== */
  46. .uk-sortable-empty {
  47. min-height: 40px;
  48. }
  49. /* Sub-object `uk-sortable-handle`
  50. ========================================================================== */
  51. .uk-sortable-handle {
  52. display: inline-block;
  53. font-size: 18px;
  54. color: #dddddd;
  55. }
  56. /* Hover */
  57. .uk-sortable-handle:hover {
  58. cursor: move;
  59. }
  60. /* Icon */
  61. .uk-sortable-handle:after {
  62. content: "\f0c9";
  63. font-family: FontAwesome;
  64. }
  65. /* Sub-object `uk-sortable-moving`
  66. ========================================================================== */
  67. .uk-sortable-moving,
  68. .uk-sortable-moving * {
  69. cursor: move;
  70. }
  71. /* Sub-object `[data-action='toggle']`
  72. ========================================================================== */
  73. /* Hidden by default */
  74. [data-sortable-action='toggle'] {
  75. display: inline-block;
  76. color: #999999;
  77. visibility: hidden;
  78. }
  79. /* Hover */
  80. [data-sortable-action='toggle']:hover {
  81. color: #444444;
  82. cursor: pointer;
  83. }
  84. /* Icon */
  85. [data-sortable-action='toggle']:after {
  86. content: "\f147";
  87. font-family: FontAwesome;
  88. }
  89. /*
  90. * Show if nested
  91. */
  92. .uk-parent > .uk-sortable-item [data-sortable-action='toggle'] {
  93. visibility: visible;
  94. }
  95. /*
  96. * Collapsed
  97. */
  98. .uk-collapsed > .uk-sortable-item [data-sortable-action='toggle']:after {
  99. content: "\f196";
  100. }
  101. .uk-collapsed .uk-sortable-list {
  102. display: none;
  103. }