From 3d2fda7dd39e2363682f1fa353c951ab0d44ddfa Mon Sep 17 00:00:00 2001 From: Fulup Ar Foll Date: Tue, 9 Feb 2016 18:40:49 +0100 Subject: Implemented URL query parsing for initial token /opa/?token=abcde --- .../foundation-apps/scss/components/_popup.scss | 68 ++++++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 afb-client/bower_components/foundation-apps/scss/components/_popup.scss (limited to 'afb-client/bower_components/foundation-apps/scss/components/_popup.scss') diff --git a/afb-client/bower_components/foundation-apps/scss/components/_popup.scss b/afb-client/bower_components/foundation-apps/scss/components/_popup.scss new file mode 100644 index 0000000..03403d6 --- /dev/null +++ b/afb-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)); } + } +} -- cgit 1.2.3-korg