diff options
| author | bozo.kopic <bozo.kopic@gmail.com> | 2020-04-11 02:42:27 +0200 |
|---|---|---|
| committer | bozo.kopic <bozo.kopic@gmail.com> | 2020-04-11 02:42:27 +0200 |
| commit | 816d4add6f017775bc1f6607e392bfb71e393ffa (patch) | |
| tree | 33a25a5b7420c9a1d4d606b312748a5a7426a0b8 /src_scss/shadow.scss | |
| parent | f8ab65b277c2eb7b9ed0e6d78f0302d388e0eff0 (diff) | |
repository refactoring
Diffstat (limited to 'src_scss/shadow.scss')
| -rw-r--r-- | src_scss/shadow.scss | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/src_scss/shadow.scss b/src_scss/shadow.scss new file mode 100644 index 0000000..8bcb900 --- /dev/null +++ b/src_scss/shadow.scss @@ -0,0 +1,23 @@ + +$shadow-key-umbra-opacity: 0.2 !default; +$shadow-key-penumbra-opacity: 0.14 !default; +$shadow-ambient-shadow-opacity: 0.12 !default; + + +@mixin shadow-1dp() { + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity), + 0 2px 1px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity), + 0 1px 2px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity); +} + +@mixin shadow-2dp() { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity), + 0 3px 1px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity), + 0 1px 5px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity); +} + +@mixin shadow-4dp() { + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity), + 0 1px 10px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity), + 0 2px 4px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity); +} |