_my-account.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. /**
  2. * Account page
  3. */
  4. body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
  5. .entry-content .woocommerce-MyAccount-navigation {
  6. width: 100%;
  7. ul li a {
  8. line-height: map-deep-get($config-global, "font", "line-height", "heading");
  9. display: inline-table;
  10. }
  11. & + *:not(:first-child) {
  12. margin-top: 0;
  13. }
  14. @include media(tablet) {
  15. width: 20%;
  16. }
  17. }
  18. .woocommerce-MyAccount-content {
  19. width: 100%;
  20. .woocommerce-notices-wrapper:empty {
  21. display: none;
  22. }
  23. fieldset {
  24. border: 1px solid map-deep-get($config-global, "color", "border", "default");
  25. padding: map-deep-get($config-global, "spacing", "unit");
  26. border-radius: 3px;
  27. }
  28. @include media(tablet) {
  29. width: calc(80% - #{map-deep-get($config-global, "spacing", "horizontal")});
  30. }
  31. }
  32. .addresses .title h3 {
  33. font-size: map-deep-get($config-global, "font", "size", "base")
  34. }
  35. .addresses .title {
  36. .edit {
  37. line-height: 1;
  38. }
  39. }
  40. }
  41. .woocommerce-account .entry-content .woocommerce > h2,
  42. body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
  43. font-size: map-deep-get($config-global, "font", "size", "lg");
  44. }