_donate.scss 977 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .donate-container {
  2. position: relative;
  3. max-width: 800px;
  4. margin: 0 auto;
  5. .donate-description {
  6. width: 100%;
  7. padding: 30px 50px 50px;
  8. background: $grey;
  9. border-top-left-radius: $radius;
  10. border-top-right-radius: $radius;
  11. }
  12. .donate-footer {
  13. text-align: center;
  14. padding: 50px 0;
  15. background: $primary-color linear-gradient(to bottom left, $primary-color, $primary-color-light);
  16. border-bottom-left-radius: $radius;
  17. border-bottom-right-radius: $radius;
  18. }
  19. .donate-beer {
  20. position: absolute;
  21. left: -190px;
  22. bottom: -30px;
  23. width: 250px;
  24. }
  25. .button {
  26. color: $white;
  27. text-decoration: none;
  28. &:hover,
  29. &:focus {
  30. text-decoration: none;
  31. background: $white;
  32. color: $primary-color;
  33. }
  34. }
  35. }
  36. .sponsors-container {
  37. margin: 150px 0 0;
  38. text-align: center;
  39. }