From 370490ec5164b8802a1192bc38f97b8cf814349e Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Tue, 23 Feb 2016 13:03:08 -0500
Subject: [PATCH] feat(windows): initial add of action sheet

references #5565
---
 ionic/components.wp.scss                      |  1 +
 .../action-sheet/action-sheet.wp.scss         | 71 +++++++++++++++++++
 2 files changed, 72 insertions(+)
 create mode 100644 ionic/components/action-sheet/action-sheet.wp.scss

diff --git a/ionic/components.wp.scss b/ionic/components.wp.scss
index 72d42c72bac..57b5fe905da 100644
--- a/ionic/components.wp.scss
+++ b/ionic/components.wp.scss
@@ -6,5 +6,6 @@
 // Windows Components
 @import
   "components/app/app.wp",
+  "components/action-sheet/action-sheet.wp",
   "components/button/button.wp",
   "components/toolbar/toolbar.wp";
diff --git a/ionic/components/action-sheet/action-sheet.wp.scss b/ionic/components/action-sheet/action-sheet.wp.scss
new file mode 100644
index 00000000000..a3ffd988b6f
--- /dev/null
+++ b/ionic/components/action-sheet/action-sheet.wp.scss
@@ -0,0 +1,71 @@
+@import "../../globals.wp";
+@import "./action-sheet";
+
+// Windows Action Sheet
+// --------------------------------------------------
+
+$action-sheet-wp-background-color:                #fafafa !default;
+
+$action-sheet-wp-title-color:                     #757575 !default;
+$action-sheet-wp-title-font-size:                 1.6rem !default;
+$action-sheet-wp-title-padding:                   19px 16px 17px !default;
+
+$action-sheet-wp-button-height:                   4.8rem !default;
+$action-sheet-wp-button-text-color:               #222 !default;
+$action-sheet-wp-button-font-size:                1.6rem !default;
+$action-sheet-wp-button-padding:                  0 16px !default;
+$action-sheet-wp-button-background-active-color:  #f1f1f1 !default;
+
+$action-sheet-wp-icon-font-size:                  2.4rem !default;
+$action-sheet-wp-icon-margin:                     0 28px 0 0 !default;
+
+
+.action-sheet-title {
+  padding: $action-sheet-wp-title-padding;
+  font-size: $action-sheet-wp-title-font-size;
+  color: $action-sheet-wp-title-color;
+  text-align: left;
+}
+
+.action-sheet-button {
+  position: relative;
+  overflow: hidden;
+  padding: $action-sheet-wp-button-padding;
+  min-height: $action-sheet-wp-button-height;
+  font-size: $action-sheet-wp-button-font-size;
+  font-weight: normal;
+  color: $action-sheet-wp-button-text-color;
+  background-color: transparent;
+  text-align: left;
+
+  &.activated {
+    background: $action-sheet-wp-button-background-active-color;
+    border-radius: 0;
+    box-shadow: none;
+  }
+}
+
+.action-sheet-icon {
+  display: inline-block;
+  margin: $action-sheet-wp-icon-margin;
+  min-width: 24px;
+  text-align: center;
+  vertical-align: middle;
+  font-size: $action-sheet-wp-icon-font-size;
+}
+
+.action-sheet-group {
+  overflow: hidden;
+  margin: 0;
+  border-radius: 0;
+  background-color: $action-sheet-wp-background-color;
+
+  &:last-child .action-sheet-button {
+    margin-bottom: 8px;
+  }
+}
+
+.action-sheet-cancel {
+  background-color: $action-sheet-wp-background-color;
+  border: none;
+}