content.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /*
  2. Styling for content pages
  3. Including: about, blog, /for/__, legal, contact, portals, wiki, gallery, plans, and interstitial payment page
  4. */
  5. // TODO: consolidate cms.scss and content.scss
  6. .content-page {
  7. &.content {
  8. padding-top: $header-height; // remove extra padding added by .content. Keep .content selector to increase specificity
  9. }
  10. word-break: break-word;
  11. .btn + .btn {
  12. margin-left: var(--spacing-06);
  13. }
  14. /*
  15. Links and Buttons
  16. */
  17. // TODO: remove an use link style in more generic selector,
  18. // which is likely .website-redesign to start
  19. // a {
  20. // color: @link-color-alt;
  21. // &:hover {
  22. // color: @link-hover-color-alt;
  23. // }
  24. // }
  25. hr {
  26. border-color: var(--neutral-30);
  27. }
  28. // TODO: only used on about page. Confirm with UX changes needed
  29. // .container-small {
  30. // section .section-row {
  31. // /* match col-sm-8 */
  32. // /* @grid-gutter-width is used for margins */
  33. // max-width: (@screen-sm * (8/12)) - @grid-gutter-width;
  34. // @media (min-width: @screen-md-min) {
  35. // max-width: (@screen-md * (8/12)) - @grid-gutter-width;
  36. // }
  37. // @media (min-width: @screen-lg-min) {
  38. // max-width: (@screen-lg * (8/12)) - @grid-gutter-width;
  39. // }
  40. // }
  41. // }
  42. /*
  43. lists
  44. */
  45. .list-without-style {
  46. list-style: none;
  47. margin: 0;
  48. padding: 0;
  49. }
  50. }