From bb67223abd3d4a5c3654393b4a962daae0588741 Mon Sep 17 00:00:00 2001
From: bozokopic <bozo.kopic@gmail.com>
Date: Sun, 15 Apr 2018 19:14:15 +0200
Subject: WIP web frontend

---
 src_web/style/shadow.scss | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src_web/style/shadow.scss

(limited to 'src_web/style/shadow.scss')

diff --git a/src_web/style/shadow.scss b/src_web/style/shadow.scss
new file mode 100644
index 0000000..8bcb900
--- /dev/null
+++ b/src_web/style/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);
+}
-- 
cgit v1.2.3-70-g09d2