From 64b0d48dbfdff33d64cab25910ccbcd6e72559d0 Mon Sep 17 00:00:00 2001 From: Nithin David Thomas Date: Wed, 6 Jan 2021 22:54:36 +0530 Subject: [PATCH] Add shadow utility variables (#1620) --- app/javascript/dashboard/assets/scss/app.scss | 1 + app/javascript/shared/assets/stylesheets/shadows.scss | 11 +++++++++++ 2 files changed, 12 insertions(+) create mode 100644 app/javascript/shared/assets/stylesheets/shadows.scss diff --git a/app/javascript/dashboard/assets/scss/app.scss b/app/javascript/dashboard/assets/scss/app.scss index f1c317e27..dbf3a6e78 100644 --- a/app/javascript/dashboard/assets/scss/app.scss +++ b/app/javascript/dashboard/assets/scss/app.scss @@ -3,6 +3,7 @@ @import 'shared/assets/stylesheets/spacing'; @import 'shared/assets/stylesheets/font-size'; @import 'shared/assets/stylesheets/font-weights'; +@import 'shared/assets/stylesheets/shadows'; @import 'shared/assets/stylesheets/border-radius'; @import 'variables'; diff --git a/app/javascript/shared/assets/stylesheets/shadows.scss b/app/javascript/shared/assets/stylesheets/shadows.scss new file mode 100644 index 000000000..0e44e1d26 --- /dev/null +++ b/app/javascript/shared/assets/stylesheets/shadows.scss @@ -0,0 +1,11 @@ +:root { + --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), + 0 1px 2px 0 rgba(0, 0, 0, 0.06); + --shadow-small: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), + 0 2px 4px -1px rgba(0, 0, 0, 0.06); + --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), + 0 4px 6px -2px rgba(0, 0, 0, 0.05); + --shadow-larger: 0 20px 25px -5px rgba(0, 0, 0, 0.1), + 0 10px 10px -5px rgba(0, 0, 0, 0.04); +}