index.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. @import '../common/abstracts/variable.scss';
  2. @import '../common/abstracts/_mixin.scss';
  3. .wot-theme-dark {
  4. @include b(cell-group) {
  5. background-color: $-dark-background2;
  6. @include when(border) {
  7. .wd-cell-group__title {
  8. @include halfPixelBorder('bottom', 0, $-dark-border-color);
  9. }
  10. }
  11. @include e(title) {
  12. background: $-dark-background2;
  13. color: $-dark-color;
  14. }
  15. @include e(right) {
  16. color: $-dark-color3;
  17. }
  18. @include e(body) {
  19. background: $-dark-background2;
  20. }
  21. }
  22. }
  23. @include b(cell-group) {
  24. background-color: $-color-white;
  25. @include when(border) {
  26. .wd-cell-group__title {
  27. @include halfPixelBorder;
  28. }
  29. }
  30. @include e(title) {
  31. position: relative;
  32. display: flex;
  33. justify-content: space-between;
  34. padding: $-cell-group-padding;
  35. background: $-color-white;
  36. font-size: $-cell-group-title-fs;
  37. color: $-cell-group-title-color;
  38. font-weight: $-fw-medium;
  39. line-height: 1.43;
  40. }
  41. @include e(right) {
  42. color: $-cell-group-value-color;
  43. font-size: $-cell-group-value-fs;
  44. }
  45. @include e(body) {
  46. background: $-color-white;
  47. }
  48. }