lamoo7 Comments - Answer Overflow

lamoo7

•Created by lamoo7 on 11/3/2024 in #front-end

Need Help: Combining Gradient and Image Backgrounds on a Single Element

Thanks guys! I went with the first solution, which seems to be just a little workaround to what I have previously had, but it's effective enough so I do not repeat the code over and over again :D. If anyone has the same issue as I had, I will leave the mixin here

@mixin gradient-overlay($image-url) {
    background-image: url($image-url),
      linear-gradient(135deg, #000 20%, transparent);
  }

@mixin gradient-overlay($image-url) {
    background-image: url($image-url),
      linear-gradient(135deg, #000 20%, transparent);
  }

5 replies

Gaming

Programming