_object.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .section-specification {
  2. table {
  3. width: auto;
  4. th {
  5. text-align: left;
  6. }
  7. }
  8. }
  9. .method-title {
  10. margin-left: -15px;
  11. margin-bottom: 8px;
  12. transition: margin-left .3s ease-out;
  13. .section-method.hide & {
  14. margin-left: 0;
  15. }
  16. code {
  17. font-weight: 400;
  18. font-size: .85em;
  19. }
  20. }
  21. .method-info {
  22. background: $object-background;
  23. border-bottom: 1px solid $object-border;
  24. margin: 0 -25px;
  25. padding: 20px 25px 0 25px;
  26. transition: height .3s ease-out;
  27. position: relative;
  28. .pointy-thing {
  29. background: $content-background;
  30. height: 10px;
  31. border-bottom: 1px solid $object-border;
  32. margin: -20px -25px 16px -25px;
  33. &:before {
  34. display: inline-block;
  35. content: "";
  36. background: $object-background;
  37. border: 1px solid $object-border;
  38. border-bottom: 0;
  39. border-right: 0;
  40. position: absolute;
  41. left: 21px;
  42. top: 3px;
  43. width: 12px;
  44. height: 12px;
  45. transform: rotate(45deg);
  46. }
  47. }
  48. .method-subsection {
  49. margin-bottom: 15px;
  50. .argument-name {
  51. width: 1px;
  52. text-align: right;
  53. code {
  54. color: #808080;
  55. font-style: italic;
  56. font-weight: 400;
  57. }
  58. }
  59. }
  60. }
  61. .section-method {
  62. &.hide .method-info {
  63. height: 0 !important;
  64. overflow: hidden;
  65. display: none;
  66. }
  67. &.hide.animating .method-info {
  68. display: block;
  69. }
  70. &.animating .method-info {
  71. overflow: hidden;
  72. }
  73. }