{: versionI"3.4.12 (Selective Steve):EF:shaI"-73c115de6ba724fa9525952520e83cdc5e39cec0;F: contents"G[o:Sass::Tree::RootNode :@children['o:Sass::Tree::CommentNode : @value[I"/* There are two ways to use the flexbox module. * If you're using the final version of the spec, * you can use the property mixins as elsewhere in * the css3 module. * * You can also use the flexbox prefixing mixin `flexbox`. * This mixin takes an optional `$version` argument which * allows you to specify which spec version the properties * are using so that they will be prefixed correctly. * * Example: * * .flex-column { * /* For flexbox spec v1 */ * @include flexbox(( * display: box, * box-orient: vertical, * ), $version: 1); * * /* For flexbox spec v2 */ * @include flexbox(( * display: flexbox, * flex-direction: column, * ), $version: 2); * * /* Latest Spec */ * @include flexbox(( * display: flex, * flex-direction: column, * )); * } * * Which compiles to: * * .flex-row { * /* For flexbox spec v1 */ * display: -moz-box; * -moz-box-orient: vertical; * display: -webkit-box; * -webkit-box-orient: vertical; * * /* For flexbox spec v2 */ * display: -ms-flexbox; * -ms-flex-direction: column; * * /* Latest Spec */ * display: -webkit-flex; * -webkit-flex-direction: column; * display: flex; * flex-direction: column; * } */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::ImportNode :@imported_filenameI"compass/support; T;[:@template0; i::@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i:: @offseti: @end_poso;; i:;i: @fileI"bD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_flexbox.scss; T:@importero: Sass::Importers::Filesystem: @rootI"GD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets; T:@real_rootI"GD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets; T:@same_name_warningso:Set: @hash{; @ :@imported_file0o:Sass::Tree::VariableNode : @nameI"flexbox-support-threshold; T: @expro:!Sass::Script::Tree::Variable ;!I"critical-usage-threshold; T:@underscored_nameI"critical_usage_threshold; T; i<;o; ;o;; i<;i";o;; i<;i;;@;@:@filename@; @ : @guardedT: @global0;[; i<;o; ;o;; i<;i;o;; i<;iD;@;@; @ o; ;[I"/* @private */; T; ; ;[; i?; @ o; ;!I"flexbox-capability-options; T;"o:$Sass::Script::Tree::ListLiteral :@elements[o:#Sass::Script::Tree::MapLiteral : @pairs[[o: Sass::Script::Tree::Literal ;o: Sass::Script::Value::String;I"full-support; T; :identifier; @ ; iA;o; ;o;; iA;i ;o;; iA;i;@;@;%@o;, ;o:Sass::Script::Value::Bool;T; @ ; iA;o; ;o;; iA;i;o;; iA;i;@;@;%@; iA;o; ;o;; iA;i ;o;; iA;i;@;@;%@; @ o;* ;+[[o;, ;o;-;I"partial-support; T; ;.; @ ; iB;o; ;o;; iB;i ;o;; iB;i;@;@;%@o;, ;@6; iB;o; ;o;; iB;i;o;; iB;i;@;@;%@[o;, ;o;-;I"spec-versions; T; ;.; @ ; iB;o; ;o;; iB;i ;o;; iB;i-;@;@;%@o;, ;o: Sass::Script::Value::Number ;i:@numerator_units[:@denominator_units[:@originalI"3; F; @ ; iB;o; ;o;; iB;i/;o;; iB;i0;@;@;%@; iB;o; ;o;; iB;i ;o;; iB;i;@;@;%@; @ :@separator: comma; i@;o; ;o;; i@;i$;o;; iA;i;@;@;%@; @ ;&0;'0;[; i@;o; ;o;; i@;i;o;; iC;i;@;@; @ o; ;[I"/* This is the underlying implementation for all the other mixins in this module. * It is the only way to access prefix support for older versions of the spec. * * `$properties`: map of property-value pairs that should be prefixed */; T; ; ;[; iE; @ o; ;[I"/* `$version1: the version of the spec to use when considering what prefix * to appply. Defaults to the most recent (spec version 3). Only the most * recent version of the spec outputs an unprefixed version. */; T; ; ;[; iJ; @ o:Sass::Tree::MixinDefNode ;!I" flexbox; T: @args[[o;# ;!I"properties; T;$I"properties; T; iM;o; ;o;; iM;i;o;; iM;i ;@;@;%@; @ 0[o;# ;!I" version; T;$I" version; T; iM;o; ;o;; iM;i";o;; iM;i*;@;@;%@; @ o;, ;o:Sass::Script::Value::Null;0; @ ; iM;o; ;o;; iM;i,;o;; iM;i0;@;@;%@: @splat0;[o; ;!I"capability-options; T;"o;# ;!I"flexbox-capability-options; T;$I"flexbox_capability_options; T; iN;o; ;o;; iN;i;o;; iN;i8;@;@;%@; @ ;&0;'0;[; iN;o; ;o;; iN;i ;o;; iN;i8;@;@; @ u:Sass::Tree::IfNode[o:!Sass::Script::Tree::Variable : @nameI" version:ET:@underscored_nameI" version;T: @lineiO:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; iO: @offseti : @end_poso; ; iO;i: @fileI"bD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_flexbox.scss;T:@importero: Sass::Importers::Filesystem: @rootI"GD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets;T:@real_rootI"GD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets;T:@same_name_warningso:Set: @hash{:@filename@ : @options{0[o:Sass::Tree::VariableNode ;I"capability-options;T: @expro:#Sass::Script::Tree::MapLiteral : @pairs[[o: Sass::Script::Tree::Literal : @valueo: Sass::Script::Value::String;I"partial-support;T: @type:identifier;@; iP; o; ; o; ; iP;i ;o; ; iP;i/;@ ;@ ;@ o; ;o:Sass::Script::Value::Bool;T;@; iP; o; ; o; ; iP;i1;o; ; iP;i5;@ ;@ ;@ [o; ;o; ;I"spec-versions;T;!;";@; iP; o; ; o; ; iP;i7;o; ; iP;iD;@ ;@ ;@ o; ;I" version;T;I" version;T; iP; o; ; o; ; iP;iF;o; ; iP;iN;@ ;@ ;@ ;@; iP; o; ; o; ; iP;i ;o; ; iP;i5;@ ;@ ;@ ;@: @guarded0: @global0:@children[; iP; o; ; o; ; iP;i ;o; ; iP;iO;@ ;@ ;@o:Sass::Tree::MixinNode;!I"with-each-prefix; T;7[o;, ;o;-;I" flexbox; T; ;.; @ ; iS;o; ;o;; iS;i";o;; iS;i);@;@;%@o;# ;!I"flexbox-support-threshold; T;$I"flexbox_support_threshold; T; iS;o; ;o;; iS;i+;o;; iS;iE;@;@;%@; @ o;# ;!I"capability-options; T;$I"capability_options; T; iS;o; ;o;; iS;iG;o;; iS;iZ;@;@;%@; @ :@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{;90:@kwarg_splat0;[o; ;[I"Z/* Don't output unprefixed versions when the spec version is not the final version */; T; ; ;[; iT; @ u;:[o:"Sass::Script::Tree::Operation :@operand1o; ;o; ;o:!Sass::Script::Tree::Variable : @nameI" version:ET:@underscored_nameI" version; T: @lineiU:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; iU: @offseti: @end_poso;; iU;i: @fileI"bD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_flexbox.scss; T:@importero: Sass::Importers::Filesystem: @rootI"GD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets; T:@real_rootI"GD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets; T:@same_name_warningso:Set: @hash{:@filename@: @options{:@operand2o; ;I"current-prefix; T; I"current_prefix; T; iU; o; ;o;; iU;i;o;; iU;i*;@;@;@;@:@operator:and; iU; o; ;@ ;o;; iU;i+;@;@;@;@;o:'Sass::Script::Tree::UnaryOperation : @operando; ;I" version; T; I" version; T; iU; o; ;o;; iU;i2;o;; iU;i:;@;@;@;@;:not; iU; o; ;o;; iU;i2;o;; iU;i:;@;@;@;@;:or; iU; o; ;@ ;o;; iU;i;;@;@;@;@;o; ;o; ;I" version; T; I" version; T; iU; o; ;o;; iU;i>;o;; iU;iF;@;@;@;@;o: Sass::Script::Tree::Literal : @valueo: Sass::Script::Value::Number ;$i:@numerator_units[:@denominator_units[:@originalI"3; F;@; iU; o; ;o;; iU;iJ;o;; iU;iK;@;@;@;:eq; iU; o; ;@/;o;; iU;iL;@;@;@;@;;"; iU; o; ;@ ;o;; iU;iL;@;@;@;@0[o:Sass::Tree::EachNode : @vars[I" prop; TI" value; T: @listo; ;I"properties; T; I"properties; T; iV; o; ;o;; iV;i#;o;; iV;i.;@;@;@;@:@children[u:Sass::Tree::IfNode[o:"Sass::Script::Tree::Operation :@operand1o:!Sass::Script::Tree::Variable : @nameI" prop:ET:@underscored_nameI" prop; T: @lineiW:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; iW: @offseti: @end_poso;; iW;i: @fileI"bD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_flexbox.scss; T:@importero: Sass::Importers::Filesystem: @rootI"GD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets; T:@real_rootI"GD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets; T:@same_name_warningso:Set: @hash{:@filename@ : @options{:@operand2o: Sass::Script::Tree::Literal : @valueo: Sass::Script::Value::String;I" display; T: @type:identifier;@; iW; o; ;o;; iW;i;o;; iW;i";@ ;@;@ :@operator:eq; iW; o; ;@ ;o;; iW;i#;@ ;@;@ ;@u:Sass::Tree::IfNoden[00[o:Sass::Tree::MixinNode: @nameI"prefix-prop:ET: @args[o:!Sass::Script::Tree::Variable ;I" prop;T:@underscored_nameI" prop;T: @lineiZ:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; iZ: @offseti%: @end_poso;; iZ;i*: @fileI"bD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_flexbox.scss;T:@importero: Sass::Importers::Filesystem: @rootI"GD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets;T:@real_rootI"GD:/Ruby215/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets;T:@same_name_warningso:Set: @hash{:@filename@: @options{o; ;I" value;T; I" value;T; iZ; o; ;o;; iZ;i,;o;; iZ;i2;@;@;@;@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0:@children[; iZ; o; ;o;; iZ;i;o;; iZ;i3;@;@;@[o:Sass::Tree::PropNode;[I" display; T;o: Sass::Script::Tree::Funcall;I"prefix-identifier; T: @args[o; ;I" value; T; I" value; T; iX; o; ;o;; iX;i+;o;; iX;i1;@ ;@;@ ;@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0; iX; o; ;o;; iX;i;o;; iX;i2;@ ;@;@ ;@: @tabsi:@prop_syntax:new:@children[; iX; o; ;o;; iX;i;o;; iX;i2;@ ;@:@name_source_rangeo; ;@2;o;; iX;i;@ ;@:@value_source_rangeo; ;o;; iX;i;@3;@ ;@;@; iV; o; ;o;; iV;i ;o;; iV;i/;@;@:@has_childrenT;@; iS;o; ;o;; iS;i;o;; iS;i\;@;@:@has_childrenT; @ ; iM;o; ;o;; iM;i;o;; iM;i2;@;@;AT; @ o; ;[I"?/* Values for $display are: flex (default), inline-flex */; T; ; ;[; ia; @ o;6 ;!I"display-flex; T;7[[o;# ;!I" display; T;$I" display; T; ib;o; ;o;; ib;i;o;; ib;i";@;@;%@; @ o;, ;o;-;I" flex; T; ;.; @ ; ib;o; ;o;; ib;i$;o;; ib;i(;@;@;%@;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I" display; T; ;.; @ ; ic;o; ;o;; ic;i;o;; ic;i!;@;@;%@o;# ;!I" display; T;$I" display; T; ic;o; ;o;; ic;i#;o;; ic;i+;@;@;%@; @ ; ic;o; ;o;; ic;i;o;; ic;i+;@;@;%@; @ ;{;?{;90;@0;[; ic;o; ;o;; ic;i;o;; ic;i-;@;@; @ ; ib;o; ;o;; ib;i;o;; ib;i*;@;@;AT; @ o; ;[I">/* Values: row | row-reverse | column | column-reverse */; T; ; ;[; if; @ o;6 ;!I"flex-direction; T;7[[o;# ;!I"direction; T;$I"direction; T; ig;o; ;o;; ig;i;o;; ig;i&;@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I"flex-direction; T; ;.; @ ; ih;o; ;o;; ih;i;o;; ih;i(;@;@;%@o;# ;!I"direction; T;$I"direction; T; ih;o; ;o;; ih;i*;o;; ih;i4;@;@;%@; @ ; ih;o; ;o;; ih;i;o;; ih;i4;@;@;%@; @ ;{;?{;90;@0;[; ih;o; ;o;; ih;i;o;; ih;i6;@;@; @ ; ig;o; ;o;; ig;i;o;; ig;i(;@;@;AT; @ o; ;[I"//* Values: nowrap | wrap | wrap-reverse */; T; ; ;[; ik; @ o;6 ;!I"flex-wrap; T;7[[o;# ;!I" wrap; T;$I" wrap; T; il;o; ;o;; il;i;o;; il;i;@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I"flex-wrap; T; ;.; @ ; im;o; ;o;; im;i;o;; im;i#;@;@;%@o;# ;!I" wrap; T;$I" wrap; T; im;o; ;o;; im;i%;o;; im;i*;@;@;%@; @ ; im;o; ;o;; im;i;o;; im;i*;@;@;%@; @ ;{;?{;90;@0;[; im;o; ;o;; im;i;o;; im;i,;@;@; @ ; il;o; ;o;; il;i;o;; il;i;@;@;AT; @ o; ;[I"6/* Shorthand for flex-direction and flex-wrap. */; T; ; ;[; ip; @ o;6 ;!I"flex-flow; T;7[[o;# ;!I" flow; T;$I" flow; T; iq;o; ;o;; iq;i;o;; iq;i;@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I"flex-flow; T; ;.; @ ; ir;o; ;o;; ir;i;o;; ir;i#;@;@;%@o;# ;!I" flow; T;$I" flow; T; ir;o; ;o;; ir;i%;o;; ir;i*;@;@;%@; @ ; ir;o; ;o;; ir;i;o;; ir;i*;@;@;%@; @ ;{;?{;90;@0;[; ir;o; ;o;; ir;i;o;; ir;i,;@;@; @ ; iq;o; ;o;; iq;i;o;; iq;i;@;@;AT; @ o; ;[I"/* Accepts an integer */; T; ; ;[; iu; @ o;6 ;!I" order; T;7[[o;# ;!I" order; T;$I" order; T; iv;o; ;o;; iv;i;o;; iv;i;@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I" order; T; ;.; @ ; iw;o; ;o;; iw;i;o;; iw;i;@;@;%@o;# ;!I" order; T;$I" order; T; iw;o; ;o;; iw;i!;o;; iw;i';@;@;%@; @ ; iw;o; ;o;; iw;i;o;; iw;i';@;@;%@; @ ;{;?{;90;@0;[; iw;o; ;o;; iw;i;o;; iw;i);@;@; @ ; iv;o; ;o;; iv;i;o;; iv;i;@;@;AT; @ o; ;[I"m/* Shorthand for flex-grow, flex-shrink and optionally flex-basis. * Space separated, in that order. */; T; ; ;[; iz; @ o;6 ;!I" flex; T;7[[o;# ;!I" flex; T;$I" flex; T; i|;o; ;o;; i|;i;o;; i|;i;@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I" flex; T; ;.; @ ; i};o; ;o;; i};i;o;; i};i;@;@;%@o;# ;!I" flex; T;$I" flex; T; i};o; ;o;; i};i ;o;; i};i%;@;@;%@; @ ; i};o; ;o;; i};i;o;; i};i%;@;@;%@; @ ;{;?{;90;@0;[; i};o; ;o;; i};i;o;; i};i';@;@; @ ; i|;o; ;o;; i|;i;o;; i|;i;@;@;AT; @ o; ;[I"/* Accepts a number. */; T; ; ;[; i{; @ o;6 ;!I"flex-grow; T;7[[o;# ;!I"flex-grow; T;$I"flex_grow; T; i|;o; ;o;; i|;i;o;; i|;i!;@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I"flex-grow; T; ;.; @ ; i};o; ;o;; i};i;o;; i};i#;@;@;%@o;# ;!I"flex-grow; T;$I"flex_grow; T; i};o; ;o;; i};i%;o;; i};i/;@;@;%@; @ ; i};o; ;o;; i};i;o;; i};i/;@;@;%@; @ ;{;?{;90;@0;[; i};o; ;o;; i};i;o;; i};i1;@;@; @ ; i|;o; ;o;; i|;i;o;; i|;i#;@;@;AT; @ o; ;[I"/* Accepts a number. */; T; ; ;[; i; @ o;6 ;!I"flex-shrink; T;7[[o;# ;!I"flex-shrink; T;$I"flex_shrink; T; i;o; ;o;; i;i;o;; i;i%;@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I"flex-shrink; T; ;.; @ ; i;o; ;o;; i;i;o;; i;i%;@;@;%@o;# ;!I"flex-shrink; T;$I"flex_shrink; T; i;o; ;o;; i;i';o;; i;i3;@;@;%@; @ ; i;o; ;o;; i;i;o;; i;i3;@;@;%@; @ ;{;?{;90;@0;[; i;o; ;o;; i;i;o;; i;i5;@;@; @ ; i;o; ;o;; i;i;o;; i;i';@;@;AT; @ o; ;[I":/* Accepts any legal value for the width property. */; T; ; ;[; i; @ o;6 ;!I"flex-basis; T;7[[o;# ;!I"flex-basis; T;$I"flex_basis; T; i;o; ;o;; i;i;o;; i;i#;@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I"flex-basis; T; ;.; @ ; i;o; ;o;; i;i;o;; i;i$;@;@;%@o;# ;!I"flex-basis; T;$I"flex_basis; T; i;o; ;o;; i;i&;o;; i;i1;@;@;%@; @ ; i;o; ;o;; i;i;o;; i;i1;@;@;%@; @ ;{;?{;90;@0;[; i;o; ;o;; i;i;o;; i;i3;@;@; @ ; i;o; ;o;; i;i;o;; i;i%;@;@;AT; @ o; ;[I"V/* Legal values: flex-start | flex-end | center | space-between | space-around */; T; ; ;[; i; @ o;6 ;!I"justify-content; T;7[[o;# ;!I"justify-content; T;$I"justify_content; T; i;o; ;o;; i;i;o;; i;i-;@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I"justify-content; T; ;.; @ ; i;o; ;o;; i;i;o;; i;i);@;@;%@o;# ;!I"justify-content; T;$I"justify_content; T; i;o; ;o;; i;i+;o;; i;i;;@;@;%@; @ ; i;o; ;o;; i;i;o;; i;i;;@;@;%@; @ ;{;?{;90;@0;[; i;o; ;o;; i;i;o;; i;i=;@;@; @ ; i;o; ;o;; i;i;o;; i;i/;@;@;AT; @ o; ;[I"L/* Legal values: flex-start | flex-end | center | baseline | stretch */; T; ; ;[; i; @ o;6 ;!I"align-items; T;7[[o;# ;!I"align-items; T;$I"align_items; T; i;o; ;o;; i;i;o;; i;i%;@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I"align-items; T; ;.; @ ; i;o; ;o;; i;i;o;; i;i%;@;@;%@o;# ;!I"align-items; T;$I"align_items; T; i;o; ;o;; i;i';o;; i;i3;@;@;%@; @ ; i;o; ;o;; i;i;o;; i;i3;@;@;%@; @ ;{;?{;90;@0;[; i;o; ;o;; i;i;o;; i;i5;@;@; @ ; i;o; ;o;; i;i;o;; i;i';@;@;AT; @ o; ;[I"S/* Legal values: auto | flex-start | flex-end | center | baseline | stretch */; T; ; ;[; i; @ o;6 ;!I"align-self; T;7[[o;# ;!I"align-self; T;$I"align_self; T; i;o; ;o;; i;i;o;; i;i#;@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I"align-self; T; ;.; @ ; i;o; ;o;; i;i;o;; i;i$;@;@;%@o;# ;!I"align-self; T;$I"align_self; T; i;o; ;o;; i;i&;o;; i;i1;@;@;%@; @ ; i;o; ;o;; i;i;o;; i;i1;@;@;%@; @ ;{;?{;90;@0;[; i;o; ;o;; i;i;o;; i;i3;@;@; @ ; i;o; ;o;; i;i;o;; i;i%;@;@;AT; @ o; ;[I"`/* Legal values: flex-start | flex-end | center | space-between | space-around | stretch */; T; ; ;[; i; @ o;6 ;!I"align-content; T;7[[o;# ;!I"align-content; T;$I"align_content; T; i;o; ;o;; i;i;o;; i;i);@;@;%@; @ 0;90;[o;;;!I" flexbox; T;7[o;* ;+[[o;, ;o;-;I"align-content; T; ;.; @ ; i;o; ;o;; i;i;o;; i;i';@;@;%@o;# ;!I"align-content; T;$I"align_content; T; i;o; ;o;; i;i);o;; i;i7;@;@;%@; @ ; i;o; ;o;; i;i;o;; i;i7;@;@;%@; @ ;{;?{;90;@0;[; i;o; ;o;; i;i;o;; i;i9;@;@; @ ; i;o; ;o;; i;i;o;; i;i+;@;@;AT; @ ;I"// There are two ways to use the flexbox module. // If you're using the final version of the spec, // you can use the property mixins as elsewhere in // the css3 module. // // You can also use the flexbox prefixing mixin `flexbox`. // This mixin takes an optional `$version` argument which // allows you to specify which spec version the properties // are using so that they will be prefixed correctly. // // Example: // // .flex-column { // /* For flexbox spec v1 */ // @include flexbox(( // display: box, // box-orient: vertical, // ), $version: 1); // // /* For flexbox spec v2 */ // @include flexbox(( // display: flexbox, // flex-direction: column, // ), $version: 2); // // /* Latest Spec */ // @include flexbox(( // display: flex, // flex-direction: column, // )); // } // // Which compiles to: // // .flex-row { // /* For flexbox spec v1 */ // display: -moz-box; // -moz-box-orient: vertical; // display: -webkit-box; // -webkit-box-orient: vertical; // // /* For flexbox spec v2 */ // display: -ms-flexbox; // -ms-flex-direction: column; // // /* Latest Spec */ // display: -webkit-flex; // -webkit-flex-direction: column; // display: flex; // flex-direction: column; // } @import "compass/support"; $flexbox-support-threshold: $critical-usage-threshold !default; // @private $flexbox-capability-options: ( (full-support: true), (partial-support: true, spec-versions: 3) ); // This is the underlying implementation for all the other mixins in this module. // It is the only way to access prefix support for older versions of the spec. // // `$properties`: map of property-value pairs that should be prefixed // `$version1: the version of the spec to use when considering what prefix // to appply. Defaults to the most recent (spec version 3). Only the most // recent version of the spec outputs an unprefixed version. @mixin flexbox($properties, $version: null) { $capability-options: $flexbox-capability-options; @if $version { $capability-options: (partial-support: true, spec-versions: $version); } @include with-each-prefix(flexbox, $flexbox-support-threshold, $capability-options) { // Don't output unprefixed versions when the spec version is not the final version @if $version and $current-prefix or not $version or $version == 3 { @each $prop, $value in $properties { @if $prop == display { display: prefix-identifier($value); } @else { @include prefix-prop($prop, $value); } } } } } // Values for $display are: flex (default), inline-flex @mixin display-flex($display: flex) { @include flexbox((display: $display)); } // Values: row | row-reverse | column | column-reverse @mixin flex-direction($direction) { @include flexbox((flex-direction: $direction)); } // Values: nowrap | wrap | wrap-reverse @mixin flex-wrap($wrap) { @include flexbox((flex-wrap: $wrap)); } // Shorthand for flex-direction and flex-wrap. @mixin flex-flow($flow) { @include flexbox((flex-flow: $flow)); } // Accepts an integer @mixin order($order) { @include flexbox((order: $order)); } // Shorthand for flex-grow, flex-shrink and optionally flex-basis. // Space separated, in that order. @mixin flex($flex) { @include flexbox((flex: $flex)); } // Accepts a number. @mixin flex-grow($flex-grow) { @include flexbox((flex-grow: $flex-grow)); } // Accepts a number. @mixin flex-shrink($flex-shrink) { @include flexbox((flex-shrink: $flex-shrink)); } // Accepts any legal value for the width property. @mixin flex-basis($flex-basis) { @include flexbox((flex-basis: $flex-basis)); } // Legal values: flex-start | flex-end | center | space-between | space-around @mixin justify-content($justify-content) { @include flexbox((justify-content: $justify-content)); } // Legal values: flex-start | flex-end | center | baseline | stretch @mixin align-items($align-items) { @include flexbox((align-items: $align-items)); } // Legal values: auto | flex-start | flex-end | center | baseline | stretch @mixin align-self($align-self) { @include flexbox((align-self: $align-self)); } // Legal values: flex-start | flex-end | center | space-between | space-around | stretch @mixin align-content($align-content) { @include flexbox((align-content: $align-content)); } ; T; i;o; ;o;; i;i;o;; i;i;@;@;AT; @