From 75dc1476d6d592c6c2c54f8d08d3047c90c8f9dc Mon Sep 17 00:00:00 2001
From: Israel Lavi <israel.lavi@intl.att.com>
Date: Tue, 7 Aug 2018 11:36:58 +0300
Subject: Initial commit

Change-Id: I061d81a33aebadb83ba0e085e8e34339fed5ed53
Issue-ID: SDC-1609
Signed-off-by: Israel Lavi <il0695@att.com>
---
 components/menu/_menu.scss | 68 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 components/menu/_menu.scss

(limited to 'components/menu/_menu.scss')

diff --git a/components/menu/_menu.scss b/components/menu/_menu.scss
new file mode 100644
index 0000000..fe32f32
--- /dev/null
+++ b/components/menu/_menu.scss
@@ -0,0 +1,68 @@
+.sdc-menu-list {
+    position: static;
+    @include box-sizing;
+    @include box-shadow(0 2px 4px 0 rgba($black, 0.3));
+    @include border-radius(2px);
+    border: 1px solid $light-gray;
+    border-top: solid 3px $blue;
+    background: $white;
+    min-width: 150px;
+    width: -webkit-max-content;
+    width: -moz-max-content;
+    width: max-content;
+
+    .sdc-menu-item:not(.separator) {
+        @include body-1;
+        height: 40px;
+        color: $dark-gray;
+        padding: 0 12px;
+        display: flex;
+        align-items: center;
+
+        svg {
+            margin-right: 16px;
+            g, path {
+                fill: $dark-gray;
+            }
+        }
+
+        &:hover {
+            &:not(.disabled) {
+                cursor: pointer;
+                &:not(.selected) {
+                    background: $light-silver;
+                    color: $text-black;
+                    g, path {
+                        fill: $dark-gray;
+                    }
+                }
+            }
+        }
+
+        &.disabled {
+            color: $gray;
+            g, path {
+                fill: $light-gray;
+            }
+        }
+
+        &.selected {
+            background: $lighter-blue;
+            color: $light-blue;
+            g, path {
+                fill: $dark-gray;
+            }
+        }
+    }
+
+    &.relative {
+        position: relative;
+    }
+
+    .separator {
+        cursor: default;
+        border-top: 1px solid $silver;
+        margin: 0 0;
+        height: 0;
+    }
+}
-- 
cgit