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.

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