index.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. @import "../common/abstracts/variable";
  2. @import "../common/abstracts/mixin";
  3. .wot-theme-dark {
  4. @include b(collapse) {
  5. background: $-dark-background2;
  6. @include e(content) {
  7. color: $-dark-color3;
  8. }
  9. }
  10. }
  11. @include b(collapse) {
  12. background: $-color-white;
  13. @include when(viewmore) {
  14. padding: $-collapse-side-padding;
  15. }
  16. @include e(content) {
  17. font-size: $-collapse-body-fs;
  18. color: $-collapse-body-color;
  19. @include when(retract) {
  20. display: -webkit-box;
  21. -webkit-box-orient: vertical;
  22. overflow: hidden;
  23. font-size: $-collapse-retract-fs;
  24. }
  25. }
  26. @include e(more) {
  27. display: inline-block;
  28. font-size: $-collapse-retract-fs;
  29. margin-top: 8px;
  30. color: $-collapse-more-color;
  31. user-select: none;
  32. }
  33. @include e(more-txt) {
  34. display: inline-block;
  35. vertical-align: middle;
  36. margin-right: 4px;
  37. }
  38. @include e(arrow) {
  39. display: inline-block;
  40. vertical-align: middle;
  41. transition: transform 0.1s;
  42. font-size: $-collapse-arrow-size;
  43. height: $-collapse-arrow-size;
  44. line-height: $-collapse-arrow-size;
  45. @include when(retract) {
  46. transform: rotate(-180deg);
  47. }
  48. }
  49. }