_object-tools.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. @import "globals";
  2. /* OBJECT TOOLS */
  3. .object-tools {
  4. display: none;
  5. text-align: right;
  6. padding: 0;
  7. margin: 0 0 20px 0;
  8. @include for-mobile {
  9. text-align: left;
  10. }
  11. &.initialized {
  12. display: block;
  13. }
  14. .form-row & {
  15. margin-top: 5px;
  16. margin-bottom: 5px;
  17. float: none;
  18. height: 2em;
  19. padding-left: 3.5em;
  20. }
  21. li {
  22. display: inline-block;
  23. margin-left: 5px;
  24. margin-bottom: 5px;
  25. list-style-type: none;
  26. vertical-align: top;
  27. @include for-mobile {
  28. margin-left: 0;
  29. margin-right: 5px;
  30. }
  31. }
  32. body.change-list & {
  33. float: right;
  34. position: relative;
  35. z-index: 1;
  36. @include for-mobile {
  37. float: none;
  38. }
  39. li {
  40. display: list-item;
  41. }
  42. }
  43. a.addlink {
  44. &:before {
  45. @include font-icon;
  46. color: $button-text-color;
  47. font-size: 13px;
  48. content: $icon-add;
  49. vertical-align: middle;
  50. margin-top: -3px;
  51. margin-right: 3px;
  52. }
  53. &:hover:before {
  54. color: $button-hover-text-color;
  55. }
  56. }
  57. }