_sponsors.scss 606 B

123456789101112131415161718192021222324252627282930313233
  1. .sponsors {
  2. display: block;
  3. background: $color-gray-light;
  4. border: 1px solid $color-border;
  5. padding: $gap-4;
  6. border-radius: $border-radius-lg;
  7. margin: 3rem 0;
  8. position: relative;
  9. transition: $transition-duration border-color;
  10. &:hover {
  11. border-color: $color-border-hover;
  12. }
  13. }
  14. .sponsors-octocat {
  15. position: absolute;
  16. right: 0;
  17. bottom: -2rem;
  18. height: calc(100% + 2rem);
  19. aspect-ratio: 1;
  20. display: block;
  21. width: auto;
  22. max-height: 10rem;
  23. @include media-breakpoint-up(md) {
  24. max-height: 14rem;
  25. }
  26. @include media-breakpoint-up(xl) {
  27. max-height: 18rem;
  28. }
  29. }