_affiliate.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .card-affiliate {
  2. margin-top: 2rem;
  3. position: relative;
  4. .card-affiliate-logo {
  5. width: calc(100% - 2rem);
  6. position: absolute;
  7. left: 1rem;
  8. top: -1rem;
  9. img {
  10. height: 2.5rem;
  11. }
  12. }
  13. .card-body {
  14. padding: 1rem 1.25rem;
  15. margin-top: calc(72px - 1rem);
  16. .card-affiliate-heading {
  17. font-size: 0.7rem;
  18. text-transform: uppercase;
  19. font-weight: 700;
  20. letter-spacing: .025rem;
  21. }
  22. }
  23. }
  24. .bg-pluralsight {
  25. background: linear-gradient(-45deg,#f05a28 0,#e80a89 100%);
  26. .card-affiliate-heading {
  27. color: fade-out($white, 0.5);
  28. }
  29. .list-group {
  30. .list-group-item {
  31. background: transparent;
  32. color: $white;
  33. border-color: fade-out($white, 0.9);
  34. display: flex;
  35. i {
  36. font-size: 1.2rem;
  37. color: fade-out($white, 0.2);
  38. }
  39. span {
  40. font-weight: 700;
  41. font-size: 0.85rem;
  42. }
  43. &:hover {
  44. background: fade-out($gray-900, 0.95);
  45. i {
  46. color: $white;
  47. }
  48. }
  49. }
  50. }
  51. }
  52. .bg-treehouse {
  53. background: #5fcf80;
  54. }
  55. .treehouse-title {
  56. font-weight: 700;
  57. }
  58. .treehouse-description {
  59. font-size: 0.8rem;
  60. }