_text.scss 696 B

1234567891011121314151617181920212223242526272829303132333435
  1. // variables
  2. $text-bg: #f6f6f6;
  3. $text-padding: 6rem;
  4. $image-margin: 2rem;
  5. // styling
  6. .callout {
  7. background: $text-bg;
  8. padding: $text-padding $content-padding;
  9. @include breakpoint(desktop-only) {
  10. text-align: center;
  11. }
  12. .align-left {
  13. float: left;
  14. margin-right: $image-margin;
  15. @include breakpoint(desktop-only) {
  16. float: none;
  17. margin-right: 0;
  18. }
  19. }
  20. .align-right {
  21. float: right;
  22. margin-left: $image-margin;
  23. @include breakpoint(desktop-only) {
  24. float: none;
  25. margin-left: 0;
  26. }
  27. }
  28. img {
  29. border-radius: $border-radius;
  30. }
  31. }