_reviews.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. /**
  2. * Reviews
  3. */
  4. body[class*="woocommerce"] #page { // adding #content here to override default wc styles without !important
  5. /**
  6. * Reviews
  7. */
  8. #reviews {
  9. h2 small {
  10. color: map-deep-get($config-global, "color", "foreground", "light");
  11. font-size: map-deep-get($config-global, "font", "size", "sm");
  12. margin: inherit;
  13. a {
  14. color: currentColor;
  15. }
  16. }
  17. .woocommerce-Reviews-title {
  18. }
  19. #comments {
  20. ol.commentlist {
  21. padding-left: 0;
  22. li {
  23. margin-bottom: map-deep-get($config-global, "spacing", "unit");
  24. .meta {
  25. color: map-deep-get($config-global, "color", "foreground", "light");
  26. font-size: map-deep-get($config-global, "font", "size", "sm");
  27. }
  28. img.avatar {
  29. padding: 0;
  30. width: #{1.5 * map-deep-get($config-global, "spacing", "vertical")};
  31. height: auto;
  32. background: transparent;
  33. border-color: map-deep-get($config-global, "color", "border", "default");
  34. margin: 0;
  35. box-shadow: none;
  36. }
  37. .woocommerce-review__author {
  38. @include font-family( map-deep-get($config-global, "font", "family", "primary") );
  39. }
  40. .comment-text {
  41. margin-left: #{4 * map-deep-get($config-global, "spacing", "unit")};
  42. border: 1px solid map-deep-get($config-global, "color", "border", "default");
  43. border-radius: 4px;
  44. padding: 1em 1em 0;
  45. p {
  46. margin: 0 0 1em;
  47. }
  48. p.meta {
  49. font-size: 0.83em;
  50. }
  51. }
  52. }
  53. ul.children {
  54. list-style: none outside;
  55. margin: 20px 0 0 50px;
  56. .star-rating {
  57. display: none;
  58. }
  59. }
  60. #respond {
  61. border: 1px solid map-deep-get($config-global, "color", "border", "default");
  62. border-radius: 4px;
  63. padding: 1em 1em 0;
  64. margin: 20px 0 0 50px;
  65. }
  66. }
  67. .commentlist > li::before {
  68. content: "";
  69. }
  70. }
  71. }
  72. }