CODEWITHSUNDEEP
cssangularangular-materialshadow
Cristiana Raducanu
Cristiana Raducanu

Reputation: 5

shadow not showing in angular project

I just started using Angular and i'm trying to add shadow to a mat-card block, but it doesnt show up.

Here's the css:

.shadow { 
  box-shadow: 0 5px 10px 7px rgba(150, 70, 5, 5);
}

And where i'm trying to use it:

  <mat-card class="example-card shadow">

And nothing shows up. Earlier today I tried this and it worked, but I had some problems adding bootstrap to my project so I took the L and restarted it, since it wasn't really complicated. But this specific thing doesn't work anymore. Could it be that I missed something needed to install? Some imports? I've no clue

Upvotes: 0

Views: 1211

Answers (1)

Chiranjaya Denuwan
Chiranjaya Denuwan

Reputation: 683

You are probably overriding the .shadow CSS from a stylesheet. So make box-shadow as important

.shadow { 
  box-shadow: 0 5px 10px 7px rgba(150, 70, 5, 5)!important;
}

Upvotes: 1

Related Questions