Update JSON API

[src/app-framework-demo.git] / afm-client / bower_components / foundation-apps / scss / components / _popup.scss

diff --git a/afm-client/bower_components/foundation-apps/scss/components/_popup.scss b/afm-client/bower_components/foundation-apps/scss/components/_popup.scss
new file mode 100644 (file)
index 0000000..db13df7
--- /dev/null
+++ b/afm-client/bower_components/foundation-apps/scss/components/_popup.scss
@@ -0,0 +1,68 @@
+/*\r
+  POPUP\r
+  -----\r
+\r
+  A floating container that can anchor to any other on-screen element, and contain any content, including grid blocks or panels.\r
+*/\r
+\r
+/// @Foundation.settings\r
+// Popup\r
+$popup-width: rem-calc(300) !default;\r
+$popup-background: #fff !default;\r
+$popup-border: 0 !default;\r
+$popup-radius: 0 !default;\r
+$popup-shadow: 0 0 10px rgba(#000, 0.25) !default;\r
+///\r
+\r
+%popup {\r
+  position: absolute;\r
+  z-index: 1000;\r
+  opacity: 0;\r
+  overflow: hidden;\r
+  transition: opacity 0.25s ease-out;\r
+  pointer-events: none;\r
+\r
+  &.tether-enabled {\r
+    opacity: 1;\r
+    pointer-events: auto;\r
+  }\r
+}\r
+\r
+@mixin popup-layout(\r
+  $width: $popup-width\r
+) {\r
+  width: $popup-width;\r
+}\r
+@mixin popup-style(\r
+  $background: $popup-background,\r
+  $color: #000,\r
+  $radius: $popup-radius,\r
+  $shadow: $popup-shadow,\r
+  $border: $popup-border\r
+) {\r
+  background: $background;\r
+  border-radius: $radius;\r
+  box-shadow: $shadow;\r
+  border: $border;\r
+}\r
+\r
+@mixin popup(\r
+  $width: $popup-width,\r
+  $background: $popup-background,\r
+  $radius: $popup-radius,\r
+  $shadow: $popup-shadow,\r
+  $border: $popup-border\r
+) {\r
+  @extend %popup;\r
+  @include popup-layout($width);\r
+  @include popup-style($background, isitlight($background), $radius, $shadow, $border);\r
+}\r
+\r
+@include exports(popup) {\r
+  .popup {\r
+    @include popup;\r
+\r
+    &.dark    { @include popup-style($dark-color, #fff); }\r
+    &.primary { @include popup-style($primary-color, isitlight($primary-color)); }\r
+  }\r
+}\r