Box-shadow

For responsive

add -sm, -md, -lg or -xl to class name, for example:

<div class="shadow shadow5-lg"></div>

.shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow1 {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.shadow2 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow3 {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.shadow4 {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.shadow5 {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-none {
    box-shadow: none;
}