mask.scss 626 B

123456789101112131415161718192021222324
  1. /* Mask
  2. ==================================*/
  3. .hero.has-mask:after, .item.has-mask:after, .card.has-mask:after {
  4. content: '';
  5. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  6. height: 100%;
  7. left: 0;
  8. position: absolute;
  9. top: 0;
  10. z-index: 0;
  11. width: 100%;
  12. }
  13. .hero.has-mask-reverse:after, .item.has-mask-reverse:after, .card.has-mask-reverse:after {
  14. content: '';
  15. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  16. height: 100%;
  17. left: 0;
  18. position: absolute;
  19. top: 0;
  20. z-index: 0;
  21. width: 100%;
  22. }