diff options
| author |   Fulup Ar Foll <fulup@iot.bzh> | 2016-01-28 16:30:12 +0100 |
|---|---|---|
| committer | Fulup Ar Foll <fulup@iot.bzh> | 2016-01-28 16:30:12 +0100 |
| commit | be83a8f382cf2fea98161bfd6d51719aacbf9aa9 (patch) | |
| tree | 3fb02337f8d7d308ef7ca7818ecc3d3a6ee05d88 /afm-client/bower_components/foundation-apps/scss/components/_popup.scss | |
| parent | 1a4ed39bf86b2115eb0f1387d1e988462b492776 (diff) | |
Update JSON API
Diffstat (limited to 'afm-client/bower_components/foundation-apps/scss/components/_popup.scss')
| -rw-r--r-- | afm-client/bower_components/foundation-apps/scss/components/_popup.scss | 68 |
1 files changed, 68 insertions, 0 deletions
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 index 0000000..db13df7 --- /dev/null +++ b/afm-client/bower_components/foundation-apps/scss/components/_popup.scss @@ -0,0 +1,68 @@ +/*
+ POPUP
+ -----
+
+ A floating container that can anchor to any other on-screen element, and contain any content, including grid blocks or panels.
+*/
+
+/// @Foundation.settings
+// Popup
+$popup-width: rem-calc(300) !default;
+$popup-background: #fff !default;
+$popup-border: 0 !default;
+$popup-radius: 0 !default;
+$popup-shadow: 0 0 10px rgba(#000, 0.25) !default;
+///
+
+%popup {
+ position: absolute;
+ z-index: 1000;
+ opacity: 0;
+ overflow: hidden;
+ transition: opacity 0.25s ease-out;
+ pointer-events: none;
+
+ &.tether-enabled {
+ opacity: 1;
+ pointer-events: auto;
+ }
+}
+
+@mixin popup-layout(
+ $width: $popup-width
+) {
+ width: $popup-width;
+}
+@mixin popup-style(
+ $background: $popup-background,
+ $color: #000,
+ $radius: $popup-radius,
+ $shadow: $popup-shadow,
+ $border: $popup-border
+) {
+ background: $background;
+ border-radius: $radius;
+ box-shadow: $shadow;
+ border: $border;
+}
+
+@mixin popup(
+ $width: $popup-width,
+ $background: $popup-background,
+ $radius: $popup-radius,
+ $shadow: $popup-shadow,
+ $border: $popup-border
+) {
+ @extend %popup;
+ @include popup-layout($width);
+ @include popup-style($background, isitlight($background), $radius, $shadow, $border);
+}
+
+@include exports(popup) {
+ .popup {
+ @include popup;
+
+ &.dark { @include popup-style($dark-color, #fff); }
+ &.primary { @include popup-style($primary-color, isitlight($primary-color)); }
+ }
+}
|