Skip to content

Instantly share code, notes, and snippets.

{
"contact": "",
"templates": [
{
"name": "flag alternate spot",
"sources": [
"https://i.imgur.com/mP7FOaa.png"
],
"x": 472,
"y": 177
@mostapha
mostapha / Material-Design-CSS-Elevation.css
Created July 15, 2021 12:08
Elevation is the relative depth, or distance, between two surfaces along the z-axis
.mat-elevation-z0 {
box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}
.mat-elevation-z1 {
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}
.mat-elevation-z2 {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)