39 lines
849 B
SCSS
39 lines
849 B
SCSS
/**
|
|
* Box shadows
|
|
*/
|
|
// Box: Dark
|
|
.shadow-box-dark {
|
|
box-shadow:
|
|
0 6px 6px rgba(#000, 0.05),
|
|
0 12px 12px rgba(#000, 0.05),
|
|
0 24px 24px rgba(#000, 0.05);
|
|
}
|
|
|
|
// Box: Light
|
|
.shadow-box-light {
|
|
box-shadow:
|
|
0 6px 6px rgba(#736356, 0.05),
|
|
0 12px 12px rgba(#736356, 0.05),
|
|
0 24px 24px rgba(#736356, 0.05);
|
|
}
|
|
|
|
// Box: Photo
|
|
.shadow-photo {
|
|
$shadow-color: rgba(122, 93, 68, 0.075);
|
|
box-shadow:
|
|
0 1px 1px $shadow-color,
|
|
0 2px 2px $shadow-color,
|
|
0 4px 4px $shadow-color,
|
|
0 8px 8px $shadow-color,
|
|
0 16px 16px $shadow-color;
|
|
}
|
|
|
|
// Shadow: Small
|
|
.shadow-small {
|
|
$shadow-color: rgba(122, 93, 68, 0.05);
|
|
box-shadow:
|
|
0 1px 1px $shadow-color,
|
|
0 2px 2px $shadow-color,
|
|
0 4px 4px $shadow-color,
|
|
0 16px 16px $shadow-color;
|
|
} |