_cards.scss 859 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .border-bottom-blue,
  2. .border-bottom-green,
  3. .border-bottom-red,
  4. .border-bottom-yellow {
  5. border-bottom: 0.4rem solid !important;
  6. }
  7. .border-bottom-blue {
  8. border-color: $blue !important;
  9. }
  10. .border-bottom-green {
  11. border-color: $green !important;
  12. }
  13. .border-bottom-red {
  14. border-color: $red !important;
  15. }
  16. .border-bottom-yellow {
  17. border-color: $yellow !important;
  18. }
  19. .img-preview {
  20. position: relative;
  21. .overlay {
  22. position: absolute;
  23. top: 0;
  24. left: 0;
  25. height: 100%;
  26. width: 100%;
  27. background-color: transparent;
  28. transition: background-color .15s ease-in-out;
  29. .btn {
  30. opacity: 0;
  31. transition: opacity .15s ease-in-out;
  32. font-size: .9rem;
  33. padding: .75rem 1.5rem;
  34. }
  35. }
  36. &:hover {
  37. .overlay {
  38. background-color: fade-out($primary, 0.15);
  39. .btn {
  40. opacity: 1;
  41. }
  42. }
  43. }
  44. }