_comment-form.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .comment-respond {
  2. margin-top: calc(2 * #{map-deep-get($config-global, "spacing", "vertical")});
  3. }
  4. .comment-respond > * {
  5. margin-top: #{map-deep-get($config-global, "spacing", "unit")};
  6. margin-bottom: #{map-deep-get($config-global, "spacing", "unit")};
  7. &:first-child {
  8. margin-top: 0;
  9. }
  10. &:last-child {
  11. margin-bottom: 0;
  12. }
  13. }
  14. .comment-form > p {
  15. margin-top: #{map-deep-get($config-global, "spacing", "unit")};
  16. margin-bottom: #{map-deep-get($config-global, "spacing", "unit")};
  17. &:first-of-type {
  18. margin-top: 0;
  19. }
  20. &:last-of-type {
  21. margin-bottom: 0;
  22. }
  23. label,
  24. input[type="email"],
  25. input[type="text"],
  26. input[type="url"],
  27. textarea {
  28. width: 100%;
  29. }
  30. &.comment-form-cookies-consent > label {
  31. width: auto;
  32. }
  33. @include media(mobile) {
  34. display: flex;
  35. label {
  36. width: 25%;
  37. }
  38. &.comment-form-cookies-consent {
  39. margin-left: 25%;
  40. & > label {
  41. width: auto;
  42. display: inline-block;
  43. }
  44. }
  45. input[type="email"],
  46. input[type="text"],
  47. input[type="url"],
  48. textarea {
  49. width: 75%;
  50. }
  51. &.comment-notes,
  52. &.logged-in-as {
  53. display: block;
  54. }
  55. }
  56. }