{: versionI"3.2.19 (Media Mark):EF:shaI"-2a4c99a0b73d83057b428f5c860629c315d39a3f;F: contents"jo:Sass::Tree::RootNode :@children[,o:Sass::Tree::CommentNode : @value[I"V/* Foundation by ZURB * foundation.zurb.com * Licensed under MIT Open Source */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::ImportNode :@imported_filenameI" global; T;[:@template0; i ; @ :@imported_file0o; ;[I"A/* * @name _reveal.scss * @dependencies _global.scss * */; T; ; ;[; i ; @ o:Sass::Tree::VariableNode : @nameI" include-html-reveal-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; i; @ : @guardedI" !default; T;[; i; @ o; ;[I"C/* We use these to control the style of the reveal overlay. */; T; ; ;[; i; @ o; ;I"reveal-overlay-bg; T;o:Sass::Script::Funcall ;I" rgba; T: @args[o; ;I" black; T;I" black; T; i; @ o:Sass::Script::Number ;f 0.45:@numerator_units[:@denominator_units[; i:@originalI" 0.45; F; @ :@keywords{: @splat0; i; @ ;I" !default; T;[; i; @ o; ;I"reveal-overlay-bg-old; T;o; ;I" black; T;I" black; T; i; @ ;I" !default; T;[; i; @ o; ;[I"A/* We use these to control the style of the modal itself. */; T; ; ;[; i; @ o; ;I"reveal-modal-bg; T;o; ;I" white; T;I" white; T; i; @ ;I" !default; T;[; i; @ o; ;I"reveal-position-top; T;o; ;I" rem-calc; T;[o; ;ii;[;@); i;I"100; F; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;I"reveal-default-width; T;o; ;iU;[I"%; T;[; i;I"80%; F; @ ;I" !default; T;[; i; @ o; ;I"reveal-max-width; T;o; ;I"row-width; T;I"row_width; T; i; @ ;I" !default; T;[; i; @ o; ;I"reveal-modal-padding; T;o; ;I" rem-calc; T;[o; ;i;[;@); i;I"20; F; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;I"reveal-box-shadow; T;o:Sass::Script::List ;[ o; ;i;[;@); i;I"0; F; @ o; ;i;[;@); i;I"0; F; @ o; ;i;[I"px; T;[; i;I" 10px; F; @ o; ;I" rgba; T;[o; ;I" black; T;I" black; T; i; @ o; ;f0.4;[;@); i;I"0.4; F; @ ;{;0; i; @ :@separator: space; i; @ ;I" !default; T;[; i; @ o; ;[I"8/* We use these to style the reveal close button */; T; ; ;[; i; @ o; ;I"reveal-close-font-size; T;o; ;I" rem-calc; T;[o; ;i-;[;@); i ;I"40; F; @ ;{;0; i ; @ ;I" !default; T;[; i ; @ o; ;I"reveal-close-top; T;o; ;I" rem-calc; T;[o; ;i ;[;@); i!;I"8; F; @ ;{;0; i!; @ ;I" !default; T;[; i!; @ o; ;I"reveal-close-side; T;o; ;I" rem-calc; T;[o; ;i;[;@); i";I"11; F; @ ;{;0; i"; @ ;I" !default; T;[; i"; @ o; ;I"reveal-close-color; T;o; ;I" base; T;I" base; T; i#; @ ;I" !default; T;[; i#; @ o; ;I"reveal-close-weight; T;o; ;I"font-weight-bold; T;I"font_weight_bold; T; i$; @ ;I" !default; T;[; i$; @ o; ;[I"J/* We use this to set the default radius used throughout the core. */; T; ; ;[; i&; @ o; ;I"reveal-radius; T;o; ;I"global-radius; T;I"global_radius; T; i'; @ ;I" !default; T;[; i'; @ o; ;I"reveal-round; T;o; ;I"global-rounded; T;I"global_rounded; T; i(; @ ;I" !default; T;[; i(; @ o; ;[I"3/* We use these to control the modal border */; T; ; ;[; i*; @ o; ;I"reveal-border-style; T;o:Sass::Script::String ;I" solid; T; :identifier; i+; @ ;I" !default; T;[; i+; @ o; ;I"reveal-border-width; T;o; ;i;[I"px; T;[; i,;I"1px; F; @ ;I" !default; T;[; i,; @ o; ;I"reveal-border-color; T;o; ;I" steel; T;I" steel; T; i-; @ ;I" !default; T;[; i-; @ o; ;I"reveal-modal-class; T;o;# ;I"reveal-modal; T; : string; i/; @ ;I" !default; T;[; i/; @ o; ;I"close-reveal-modal-class; T;o;# ;I"close-reveal-modal; T; ;%; i0; @ ;I" !default; T;[; i0; @ o; ;[I"/* * @mixins * */; T; ; ;[; i2; @ o; ;[I"E/* We use this to create the reveal background overlay styles */; T; ; ;[; i6; @ o:Sass::Tree::MixinDefNode ;I"reveal-bg; T;[[o;;I"include-z-index-value; T;I"include_z_index_value; T; @ o:Sass::Script::Bool;T; i7; @ ;0;[o:Sass::Tree::PropNode ;[I" position; T;o;#;I" fixed; T; ;$; @ : @tabsi:@prop_syntax:new;[; i8; @ o;( ;[I"top; T;o;#;I"0; T; ;$; @ ;)i;*;+;[; i9; @ o;( ;[I" bottom; T;o;#;I"0; T; ;$; @ ;)i;*;+;[; i:; @ o;( ;[I" left; T;o;#;I"0; T; ;$; @ ;)i;*;+;[; i;; @ o;( ;[I" right; T;o;#;I"0; T; ;$; @ ;)i;*;+;[; i<; @ o;( ;[I"background; T;o; ;I"reveal-overlay-bg-old; T;I"reveal_overlay_bg_old; T; i=; @ ;)i;*;+;[; i=; @ o; ;[I"}/* Autoprefixer should be used to avoid such variables needed when Foundation for Sites can do so in the near future. */; T; ; ;[; i=; @ o;( ;[I"background; T;o; ;I"reveal-overlay-bg; T;I"reveal_overlay_bg; T; i>; @ ;)i;*;+;[; i>; @ o;( ;[I" z-index; T;o; ;I"if; T;[o; ;I"include-z-index-value; T;I"include_z_index_value; T; i?; @ o; ;i;[;@); i?;I" 1004; F; @ o;# ;I" auto; T; ;$; i?; @ ;{;0; i?; @ ;)i;*;+;[; i?; @ o;( ;[I" display; T;o;#;I" none; T; ;$; @ ;)i;*;+;[; i@; @ o;( ;[o; ;I"default-float; T;I"default_float; T; iA; @ ;o;#;I"0; T; ;$; @ ;)i;*;+;[; iA; @ ; i7:@has_childrenT; @ o; ;[I"/* We use this mixin to create the structure of a reveal modal * * $base-style - Provides reveal base styles, can be set to false to override. Default: true, Options: false * $width - Sets reveal width Default: $reveal-default-width || 80% * */; T; ; ;[; iD; @ o;& ;I"reveal-modal-base; T;[ [o;;I"base-style; T;I"base_style; T; @ o;';T; iI; @ [o;;I" width; T;I" width; T; @ o; ;I"reveal-default-width; T;I"reveal_default_width; T; iI; @ [o;;I"max-width; T;I"max_width; T; @ o; ;I"reveal-max-width; T;I"reveal_max_width; T; iI; @ [o;;I"border-radius; T;I"border_radius; T; @ o; ;I"reveal-radius; T;I"reveal_radius; T; iI; @ ;0;[u:Sass::Tree::IfNode [o:Sass::Script::Variable : @nameI"base-style:ET:@underscored_nameI"base_style;T: @lineiJ: @options{0[o:Sass::Tree::PropNode ;[I"visibility;T: @valueo:Sass::Script::String; I" hidden;T: @type:identifier; @ : @tabsi:@prop_syntax:new:@children[; iK; @ o; ;[I" display;T; o; ; I" none;T;;; @ ;i;;;[; iL; @ o; ;[I" position;T; o; ; I" absolute;T;;; @ ;i;;;[; iM; @ o; ;[I" z-index;T; o; ; I" 1005;T;;; @ ;i;;;[; iN; @ o; ;[I" width;T; o; ; I" 100vw;T;;; @ ;i;;;[; iO; @ o; ;[I"top;T; o; ; I"0;T;;; @ ;i;;;[; iP; @ o; ;[I"border-radius;T; o; ;I"border-radius;T;I"border_radius;T; iQ; @ ;i;;;[; iQ; @ o; ;[o; ;I"default-float;T;I"default_float;T; iR; @ ; o; ; I"0;T;;; @ ;i;;;[; iR; @ o:Sass::Tree::MediaNode : @query[o; ;I"small-only;T;I"small_only;T; iT; @ ;i; I";T;[o; ;[I"min-height;T; o; ; I" 100vh;T;;; @ ;i;;;[; iU; @ ; iT:@has_childrenT; @ o:Sass::Tree::CommentNode ; [I"8/* Make sure rows don't have a min-width on them */;T;: silent;[; iX; @ o:Sass::Tree::RuleNode : @rule[I".column, .columns;T;i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;[I" column;T; iY:@filenameI";T: @subject0: @sourceso:Set: @hash{; iY;!@[o;;[o; ;[o; ;[I" columns;T; iY;!@[;"0;#o;$;%{; iY;!@[; iY;!@[;[o; ;[I"min-width;T; o; ; I"0;T;;; @ ;i;;;[; iY; @ ; iY;T; @ o; ; [I"E/* Get rid of margin from first and last element inside modal */;T;;;[; i[; @ o; ;[I"& > :first-child;T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i\;!I";T;"0;#o;$;%{; i\;!@|I">;To; ;[o:Sass::Selector::Pseudo :@syntactic_type: class;[I"first-child;T: @arg0; i\;!@|;"0;#o;$;%{; i\;!@|; i\;!@|;[o; ;[I"margin-top;T; o; ; I"0;T;;; @ ;i;;;[; i\; @ ; i\;T; @ o; ;[I"& > :last-child;T;i;o;;[o;;[o; ;[o;&; i^;!I";T;"0;#o;$;%{; i^;!@I">;To; ;[o;' ;(;);[I"last-child;T;*0; i^;!@;"0;#o;$;%{; i^;!@; i^;!@;[o; ;[I"margin-bottom;T; o; ; I"0;T;;; @ ;i;;;[; i^; @ ; i^;T; @ u;-[o:Sass::Script::Variable : @nameI" width:ET:@underscored_nameI" width;T: @lineia: @options{0[o:Sass::Tree::MediaNode : @query[o; ;I"medium-up;T;I"medium_up;T; ib; @ : @tabsi: @valueI";T:@children[ o:Sass::Tree::PropNode ;[I" width;T;o; ;I" width;T;I" width;T; ic; @ ; i:@prop_syntax:new;[; ic; @ o; ;[I"max-width;T;o; ;I"max-width;T;I"max_width;T; id; @ ; i;;;[; id; @ o; ;[I" left;T;o:Sass::Script::String;I"0;T: @type:identifier; @ ; i;;;[; ie; @ o; ;[I" right;T;o;;I"0;T;;; @ ; i;;;[; if; @ o; ;[I" margin;T;o;;I" 0 auto;T;;; @ ; i;;;[; ig; @ ; ib:@has_childrenT; @ ; iI;,T; @ o; ;[I"9/* We use this to style the reveal modal defaults * * $bg - Sets background color of reveal modal. Default: $reveal-modal-bg || $white * $padding - Padding to apply to reveal modal. Default: $reveal-modal-padding. * $border - Choose whether reveal uses a border. Default: true, Options: false * $border-style - Set reveal border style. Default: $reveal-border-style || solid * $border-width - Width of border (i.e. 1px). Default: $reveal-border-width. * $border-color - Color of border. Default: $reveal-border-color. * $box-shadow - Choose whether or not to include the default box-shadow. Default: true, Options: false * $radius - If true, set to modal radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false * $top-offset - Default: $reveal-position-top || 50px */; T; ; ;[; il; @ o;& ;I"reveal-modal-style; T;[[o;;I"bg; T;I"bg; T; @ o;';F; ix; @ [o;;I" padding; T;I" padding; T; @ o;';F; iy; @ [o;;I" border; T;I" border; T; @ o;';F; iz; @ [o;;I"border-style; T;I"border_style; T; @ o; ;I"reveal-border-style; T;I"reveal_border_style; T; i{; @ [o;;I"border-width; T;I"border_width; T; @ o; ;I"reveal-border-width; T;I"reveal_border_width; T; i|; @ [o;;I"border-color; T;I"border_color; T; @ o; ;I"reveal-border-color; T;I"reveal_border_color; T; i}; @ [o;;I"box-shadow; T;I"box_shadow; T; @ o;';F; i~; @ [o;;I" radius; T;I" radius; T; @ o;';F; i; @ [o;;I"top-offset; T;I"top_offset; T; @ o;';F; i{; @ ;0;[ u;-[o:Sass::Script::Variable : @nameI"bg:ET:@underscored_nameI"bg;T: @linei}: @options{0[o:Sass::Tree::PropNode ;[I"background-color;T: @valueo; ;I"bg;T;I"bg;T; i}; @ : @tabsi:@prop_syntax:new:@children[; i}; @ u;-k[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" padding:ET:@underscored_nameI" padding; T: @linei~: @options{:@operand2o:Sass::Script::Bool: @valueF; i~; @ :@operator:neq; i~; @ 0[o:Sass::Tree::PropNode ;[I" padding; T;o; ;I" padding; T; I" padding; T; i~; @ : @tabsi:@prop_syntax:new:@children[; i~; @ u;-[o:Sass::Script::Variable : @nameI" border:ET:@underscored_nameI" border;T: @linei: @options{0[o:Sass::Tree::PropNode ;[I" border;T: @valueo:Sass::Script::List ; [o; ;I"border-style;T;I"border_style;T; i; @ o; ;I"border-width;T;I"border_width;T; i; @ o; ;I"border-color;T;I"border_color;T; i; @ :@separator: space; i; @ : @tabsi:@prop_syntax:new:@children[; i; @ o; ;[I"J/* We can choose whether or not to include the default box-shadow. */; T; ; ;[; i; @ u;-[o:Sass::Script::Variable : @nameI"box-shadow:ET:@underscored_nameI"box_shadow;T: @linei: @options{0[o:Sass::Tree::PropNode ;[I"box-shadow;T: @valueo; ;I"reveal-box-shadow;T;I"reveal_box_shadow;T; i; @ : @tabsi:@prop_syntax:new:@children[; i; @ o; ;[I">/* We can control how much radius is used on the modal */; T; ; ;[; i; @ u;-}[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" radius:ET:@underscored_nameI" radius; T: @linei: @options{:@operand2o:Sass::Script::Bool: @valueT; i; @ :@operator:eq; i; @ u:Sass::Tree::IfNode[o:Sass::Script::Variable : @nameI" radius:ET:@underscored_nameI" radius;T: @linei: @options{0[o:Sass::Tree::MixinNode ;I" radius;T: @args[o; ;I" radius;T;I" radius;T; i; @ :@keywords{: @splat0:@children[; i; @ [o:Sass::Tree::MixinNode ;I" radius; T: @args[o; ;I"reveal-radius; T; I"reveal_radius; T; i; @ :@keywords{: @splat0:@children[; i; @ u;-[o:Sass::Script::Variable : @nameI"top-offset:ET:@underscored_nameI"top_offset;T: @linei: @options{0[o:Sass::Tree::MediaNode : @query[o; ;I"medium-up;T;I"medium_up;T; i; @ : @tabsi: @valueI";T:@children[o:Sass::Tree::PropNode ;[I"top;T;o; ;I"top-offset;T;I"top_offset;T; i; @ ; i:@prop_syntax:new;[; i; @ ; i:@has_childrenT; @ ; i{;,T; @ o; ;[I"y/* We use this to create a close button for the reveal modal * * $color - Default: $reveal-close-color || $base */; T; ; ;[; i; @ o;& ;I"reveal-close; T;[[o;;I" color; T;I" color; T; @ o; ;I"reveal-close-color; T;I"reveal_close_color; T; i; @ ;0;[ o;( ;[I"font-size; T;o; ;I"reveal-close-font-size; T;I"reveal_close_font_size; T; i; @ ;)i;*;+;[; i; @ o;( ;[I"line-height; T;o;#;I"1; T; ;$; @ ;)i;*;+;[; i; @ o;( ;[I" position; T;o;#;I" absolute; T; ;$; @ ;)i;*;+;[; i; @ o;( ;[I"top; T;o; ;I"reveal-close-top; T;I"reveal_close_top; T; i; @ ;)i;*;+;[; i; @ o;( ;[o; ;I"opposite-direction; T;I"opposite_direction; T; i; @ ;o; ;I"reveal-close-side; T;I"reveal_close_side; T; i; @ ;)i;*;+;[; i; @ o;( ;[I" color; T;o; ;I" color; T;I" color; T; i; @ ;)i;*;+;[; i; @ o;( ;[I"font-weight; T;o; ;I"reveal-close-weight; T;I"reveal_close_weight; T; i; @ ;)i;*;+;[; i; @ o;( ;[I" cursor; T;o; ;I"cursor-pointer-value; T;I"cursor_pointer_value; T; i; @ ;)i;*;+;[; i; @ ; i;,T; @ o:Sass::Tree::MixinNode ;I" exports; T;[o;# ;I" reveal; T; ;%; i; @ ;{;0;[u;-C[o:Sass::Script::Variable : @nameI" include-html-reveal-classes:ET:@underscored_nameI" include_html_reveal_classes;T: @linei: @options{0[ o:Sass::Tree::CommentNode : @value[I"/* Reveal Modals */;T: @type: silent:@children[; i; @ o:Sass::Tree::RuleNode : @rule[I".reveal-modal-bg;T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;[I"reveal-modal-bg;T; i:@filenameI";T: @subject0: @sourceso:Set: @hash{; i;@; i;@;[o:Sass::Tree::MixinNode ;I"reveal-bg;T: @args[:@keywords{: @splat0;[; i; @ ; i:@has_childrenT; @ o; ;[I".;To; ;I"reveal-modal-class;T;I"reveal_modal_class;T; i; @ ;i;[o; ;I"reveal-modal-base;T;[; {;!0;[; i; @ o; ;I"reveal-modal-style;T;[; { I"bg;To; ;I"reveal-modal-bg;T;I"reveal_modal_bg;T; i; @ I" padding;To; ;I"reveal-modal-padding;T;I"reveal_modal_padding;T; i; @ I" border;To:Sass::Script::Bool; T; i; @ I"box_shadow;To;#; T; i; @ I" radius;To;#; F; i; @ I"top_offset;To; ;I"reveal-position-top;T;I"reveal_position_top;T; i; @ ;!0;[; i; @ o; ;I"reveal-modal-style;T;[; {I" padding;To:Sass::Script::Operation :@operand1o; ;I"reveal-modal-padding;T;I"reveal_modal_padding;T; i; @ :@operand2o:Sass::Script::Number ; f1.5:@numerator_units[:@denominator_units[; i:@originalI"1.5;F; @ :@operator: times; i; @ ;!0;[; i; @ o; ;[I" &.radius;T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i;I";To;;[I" radius;T; i;@`;0;o;;{; i;@`; i;@`;[o; ;I"reveal-modal-style;T;[; {I" radius;To;#; T; i; @ ;!0;[; i; @ ; i;"T; @ o; ;[I" &.round;T;i;o;;[o;;[o; ;[o;-; i;I";To;;[I" round;T; i;@x;0;o;;{; i;@x; i;@x;[o; ;I"reveal-modal-style;T;[; {I" radius;To; ;I"reveal-round;T;I"reveal_round;T; i; @ ;!0;[; i; @ ; i;"T; @ o; ;[I"&.collapse;T;i;o;;[o;;[o; ;[o;-; i;I";To;;[I" collapse;T; i;@;0;o;;{; i;@; i;@;[o; ;I"reveal-modal-style;T;[; {I" padding;To;' ; i;([;)@S; i;*I"0;F; @ ;!0;[; i; @ ; i;"T; @ o; ;[I" &.tiny;T;i;o;;[o;;[o; ;[o;-; i;I";To;;[I" tiny;T; i;@;0;o;;{; i;@; i;@;[o; ;I"reveal-modal-base;T;[o;#; F; i; @ o;' ; i#;([I"%;T;)[; i;*I"30%;F; @ ; {;!0;[; i; @ ; i;"T; @ o; ;[I" &.small;T;i;o;;[o;;[o; ;[o;-; i;I";To;;[I" small;T; i;@;0;o;;{; i;@; i;@;[o; ;I"reveal-modal-base;T;[o;#; F; i; @ o;' ; i-;([I"%;T;)[; i;*I"40%;F; @ ; {;!0;[; i; @ ; i;"T; @ o; ;[I" &.medium;T;i;o;;[o;;[o; ;[o;-; i;I";To;;[I" medium;T; i;@;0;o;;{; i;@; i;@;[o; ;I"reveal-modal-base;T;[o;#; F; i; @ o;' ; iA;([I"%;T;)[; i;*I"60%;F; @ ; {;!0;[; i; @ ; i;"T; @ o; ;[I" &.large;T;i;o;;[o;;[o; ;[o;-; i;I";To;;[I" large;T; i;@;0;o;;{; i;@; i;@;[o; ;I"reveal-modal-base;T;[o;#; F; i; @ o;' ; iK;([I"%;T;)[; i;*I"70%;F; @ ; {;!0;[; i; @ ; i;"T; @ o; ;[I" &.xlarge;T;i;o;;[o;;[o; ;[o;-; i;I";To;;[I" xlarge;T; i;@;0;o;;{; i;@; i;@;[o; ;I"reveal-modal-base;T;[o;#; F; i; @ o;' ; id;([I"%;T;)[; i;*I"95%;F; @ ; {;!0;[; i; @ ; i;"T; @ o; ;[I" &.full;T;i;o;;[o;;[o; ;[o;-; i;I";To;;[I" full;T; i;@3;0;o;;{; i;@3; i;@3;[ o; ;I"reveal-modal-base;T;[o;#; F; i; @ o;' ; ii;([I"vw;T;)[; i;*I" 100vw;F; @ ; {;!0;[; i; @ o:Sass::Tree::PropNode ;[I"top;T; o:Sass::Script::String; I"0;T; :identifier; @ ;i:@prop_syntax:new;[; i; @ o;. ;[I" left;T; o;/; I"0;T; ;0; @ ;i;1;2;[; i; @ o;. ;[I" height;T; o;/; I" 100%;T; ;0; @ ;i;1;2;[; i; @ o;. ;[I" height;T; o;/; I" 100vh;T; ;0; @ ;i;1;2;[; i; @ o;. ;[I"min-height;T; o;/; I" 100vh;T; ;0; @ ;i;1;2;[; i; @ o;. ;[I"margin-left;T; o;/; I"0 !important;T; ;0; @ ;i;1;2;[; i; @ ; i;"T; @ o; ;[I".;To; ;I"close-reveal-modal-class;T;I"close_reveal_modal_class;T; i; @ ;i;[o; ;I"reveal-close;T;[; {;!0;[; i; @ ; i;"T; @ ; i;"T; @ o; ;[I" dialog;T;i;o;;[o;;[o; ;[o:Sass::Selector::Element ;[I" dialog;T:@namespace0; i;I";T;0;o;;{; i;@; i;@;[ o:Sass::Tree::ExtendNode :@selector[I".;To; ;I"reveal-modal-class;T;I"reveal_modal_class;T; i; @ :@optionalF;[; i; @ o;. ;[I" display;T; o;/; I" none;T; ;0; @ ;i;1;2;[; i; @ o; ;[I"&::backdrop, & + .backdrop;T;i;o;;[o;;[o; ;[o;-; i;I";To:Sass::Selector::Pseudo :@syntactic_type: element;[I" backdrop;T: @arg0; i;@;0;o;;{; i;@o;;[o; ;[o;-; i;@;0;o;;{; i;@I"+;To; ;[o;;[I" backdrop;T; i;@;0;o;;{; i;@; i;@;[o; ;I"reveal-bg;T;[o;#; F; i; @ ; {;!0;[; i; @ ; i;"T; @ o; ;[I" &[open];T;i;o;;[o;;[o; ;[o;-; i;I";To:Sass::Selector::Attribute ;[I" open;T;40;+0; 0: @flags0; i;@;0;o;;{; i;@; i;@;[o;. ;[I" display;T; o;/; I" block;T; ;0; @ ;i;1;2;[; i; @ ; i;"T; @ ; i;"T; @ o; ; [I"T/* Reveal Print Styles: It should be invisible, adds no value being printed. */;T; ;;[; i; @ o:Sass::Tree::MediaNode : @query[I" print;T;i; I";T;[o; ;[I"dialog, .;To; ;I"reveal-modal-class;T;I"reveal_modal_class;T; i; @ ;i;[o;. ;[I" display;T; o;/; I" none;T; ;0; @ ;i;1;2;[; i; @ o;. ;[I"background;T; o:Sass::Script::List ; [o; ;I" white;T;I" white;T; i; @ o;/ ; I"!important;T; ;0; i; @ :@separator: space; i; @ ;i;1;2;[; i; @ ; i;"T; @ ; i;"T; @ ; i; @ ;,T;I"// Foundation by ZURB // foundation.zurb.com // Licensed under MIT Open Source @import "global"; // // @name _reveal.scss // @dependencies _global.scss // $include-html-reveal-classes: $include-html-classes !default; // We use these to control the style of the reveal overlay. $reveal-overlay-bg: rgba($black, .45) !default; $reveal-overlay-bg-old: $black !default; // We use these to control the style of the modal itself. $reveal-modal-bg: $white !default; $reveal-position-top: rem-calc(100) !default; $reveal-default-width: 80% !default; $reveal-max-width: $row-width !default; $reveal-modal-padding: rem-calc(20) !default; $reveal-box-shadow: 0 0 10px rgba($black,.4) !default; // We use these to style the reveal close button $reveal-close-font-size: rem-calc(40) !default; $reveal-close-top: rem-calc(8) !default; $reveal-close-side: rem-calc(11) !default; $reveal-close-color: $base !default; $reveal-close-weight: $font-weight-bold !default; // We use this to set the default radius used throughout the core. $reveal-radius: $global-radius !default; $reveal-round: $global-rounded !default; // We use these to control the modal border $reveal-border-style: solid !default; $reveal-border-width: 1px !default; $reveal-border-color: $steel !default; $reveal-modal-class: "reveal-modal" !default; $close-reveal-modal-class: "close-reveal-modal" !default; // // @mixins // // We use this to create the reveal background overlay styles @mixin reveal-bg( $include-z-index-value: true ) { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: $reveal-overlay-bg-old; // Autoprefixer should be used to avoid such variables needed when Foundation for Sites can do so in the near future. background: $reveal-overlay-bg; z-index: if( $include-z-index-value, 1004, auto ); display: none; #{$default-float}: 0; } // We use this mixin to create the structure of a reveal modal // // $base-style - Provides reveal base styles, can be set to false to override. Default: true, Options: false // $width - Sets reveal width Default: $reveal-default-width || 80% // @mixin reveal-modal-base( $base-style: true, $width:$reveal-default-width, $max-width:$reveal-max-width, $border-radius: $reveal-radius) { @if $base-style { visibility: hidden; display: none; position: absolute; z-index: 1005; width: 100vw; top:0; border-radius: $border-radius; #{$default-float}: 0; @media #{$small-only} { min-height:100vh; } // Make sure rows don't have a min-width on them .column, .columns { min-width: 0; } // Get rid of margin from first and last element inside modal & > :first-child { margin-top: 0; } & > :last-child { margin-bottom: 0; } } @if $width { @media #{$medium-up} { width: $width; max-width: $max-width; left: 0; right: 0; margin: 0 auto; } } } // We use this to style the reveal modal defaults // // $bg - Sets background color of reveal modal. Default: $reveal-modal-bg || $white // $padding - Padding to apply to reveal modal. Default: $reveal-modal-padding. // $border - Choose whether reveal uses a border. Default: true, Options: false // $border-style - Set reveal border style. Default: $reveal-border-style || solid // $border-width - Width of border (i.e. 1px). Default: $reveal-border-width. // $border-color - Color of border. Default: $reveal-border-color. // $box-shadow - Choose whether or not to include the default box-shadow. Default: true, Options: false // $radius - If true, set to modal radius which is $global-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false // $top-offset - Default: $reveal-position-top || 50px @mixin reveal-modal-style( $bg:false, $padding:false, $border:false, $border-style:$reveal-border-style, $border-width:$reveal-border-width, $border-color:$reveal-border-color, $box-shadow:false, $radius:false, $top-offset:false) { @if $bg { background-color: $bg; } @if $padding != false { padding: $padding; } @if $border { border: $border-style $border-width $border-color; } // We can choose whether or not to include the default box-shadow. @if $box-shadow { box-shadow: $reveal-box-shadow; } // We can control how much radius is used on the modal @if $radius == true { @include radius($reveal-radius); } @else if $radius { @include radius($radius); } @if $top-offset { @media #{$medium-up} { top: $top-offset; } } } // We use this to create a close button for the reveal modal // // $color - Default: $reveal-close-color || $base @mixin reveal-close($color:$reveal-close-color) { font-size: $reveal-close-font-size; line-height: 1; position: absolute; top: $reveal-close-top; #{$opposite-direction}: $reveal-close-side; color: $color; font-weight: $reveal-close-weight; cursor: $cursor-pointer-value; } @include exports("reveal") { @if $include-html-reveal-classes { // Reveal Modals .reveal-modal-bg { @include reveal-bg; } .#{$reveal-modal-class} { @include reveal-modal-base; @include reveal-modal-style( $bg:$reveal-modal-bg, $padding:$reveal-modal-padding, $border:true, $box-shadow:true, $radius:false, $top-offset:$reveal-position-top ); @include reveal-modal-style($padding:$reveal-modal-padding * 1.5); &.radius { @include reveal-modal-style($radius:true); } &.round { @include reveal-modal-style($radius:$reveal-round); } &.collapse { @include reveal-modal-style($padding:0); } &.tiny { @include reveal-modal-base(false, 30%); } &.small { @include reveal-modal-base(false, 40%); } &.medium { @include reveal-modal-base(false, 60%); } &.large { @include reveal-modal-base(false, 70%); } &.xlarge { @include reveal-modal-base(false, 95%); } &.full { @include reveal-modal-base(false, 100vw); top:0; left:0; height:100%; height: 100vh; min-height:100vh; margin-left: 0 !important; } .#{$close-reveal-modal-class} { @include reveal-close; } } dialog { @extend .#{$reveal-modal-class}; display: none; &::backdrop, & + .backdrop { @include reveal-bg(false); } &[open]{ display: block; } } // Reveal Print Styles: It should be invisible, adds no value being printed. @media print { dialog, .#{$reveal-modal-class} { display: none; background: $white !important; } } } } ; T; i;,T; @