3.1.10 (Brainy Betty) 1eebf90c2597ee654c20922c0fe3886286a13c08 o:Sass::Tree::RootNode :@has_childrenT:@children[o:Sass::Tree::CommentNode : @silenti: @value[I"/* Horizontal list layout module. * * Easy mode using simple descendant li selectors: * * ul.nav * +horizontal-list * * Advanced mode: * If you need to target the list items using a different selector then use * +horizontal-list-container on your ul/ol and +horizontal-list-item on your li. * This may help when working on layouts involving nested lists. For example: * * ul.nav * +horizontal-list-container * > li * +horizontal-list-item */:EF: @linei;[: @loud0: @options{o:Sass::Tree::ImportNode ; i;[:@imported_filenameI" bullets; T:@template0;@ o; ; i;[;I"'compass/utilities/general/clearfix; T;0;@ o; ; i;[;I"$compass/utilities/general/reset; T;0;@ o; ; i;[;I"$compass/utilities/general/float; T;0;@ o; ; i; [I"/* Can be mixed into any selector that target a ul or ol that is meant * to have a horizontal layout. Used to implement +horizontal-list. */; F; i;[; 0;@ o:Sass::Tree::MixinDefNode ;T; i;[o:Sass::Tree::MixinNode :@keywords{; i;[: @args[: @nameI"reset-box-model; T;@ o; ;{; i ;[;[;I" clearfix; T;@ ;[;I"horizontal-list-container; T;@ o; ; i; [I"/* Can be mixed into any li selector that is meant to participate in a horizontal layout. * Used to implement +horizontal-list. * * :last-child is not fully supported * see http://www.quirksmode.org/css/contents.html#t29 for the support matrix * * IE8 ignores rules that are included on the same line as :last-child * see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details * * Setting `$padding` to `false` disables the padding between list elements */; F; i";[; 0;@ o; ;T; i,;[ o; ;{; i-;[;[;I"no-bullet; T;@ o:Sass::Tree::PropNode ; o:Sass::Script::String; I" nowrap; T: @type:identifier;@ : @tabsi; i.;[:@prop_syntax:new;[I"white-space; T;@ o; ;{; i/;[;[o:Sass::Script::Variable ; i/:@underscored_nameI"direction; T;I"direction; T;@ ;I" float; T;@ u:Sass::Tree::IfNodeZ[o:Sass::Script::Variable : @linei0:@underscored_nameI" padding:ET: @nameI" padding;T: @options{0[ o:Sass::Tree::PropNode : @valueo:Sass::Script::String; I";F: @type:identifier; @ : @tabsi;i1:@children[o; ; o; ;i2;I" padding;T; I" padding;T; @ ;i;i2;[:@prop_syntax:new; [I" left;T; @ o; ; o; ;i3;I" padding;T; I" padding;T; @ ;i;i3;[;;; [I" right;T; @ ;;; [I" padding;T; @ :@has_childrenTo:Sass::Tree::RuleNode ;i;T;i5;[o; ; o; ; I"0;T;;; @ ;i;i5;[;;; [I" padding-;To; ;i5;I"direction;T; I"direction;T; @ ; @ :@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;[o:Sass::Selector::Parent;i5:@filenameI";Fo:Sass::Selector::Pseudo ;i5;: class;@1: @arg0; [I"first-child;F;i5;@1o;;[o;;[o;;i5;@1o:Sass::Selector::Class;i5;@1; [I" first;F;i5;@1;i5;@1: @rule[I"&:first-child, &.first;F; @ o; ;i;T;i6;[o; ; o; ; I"0;T;;; @ ;i;i6;[;;; [I" padding-;To:Sass::Script::Funcall :@keywords{;i6: @args[o; ;i6;I"direction;T; I"direction;T; @ ; I"opposite-position;T; @ ; @ ;o;;[o;;[o;;[o;;i6;I";Fo; ;i6;;;@U;0; [I"last-child;F;i6;@U;i6;@U;![I"&:last-child;F; @ o; ;i;T;i7;[o; ; o; ; I"0;T;;; @ ;i;i7;[;;; [I" padding-;To;" ;#{;i7;$[o; ;i7;I"direction;T; I"direction;T; @ ; I"opposite-position;T; @ ; @ ;o;;[o;;[o;;[o;;i7;I";Fo; ;i7;@q; [I" last;F;i7;@q;i7;@q;![I" &.last;F; @ ;[[o;;I" padding; T;I" padding; T;@ o:Sass::Script::Number ; i :@numerator_units[I"px; T:@denominator_units[; i,;@ :@originalI"4px; F[o;;I"direction; T;I"direction; T;@ o; ; I" left; T; i,;;;@ ;I"horizontal-list-item; T;@ o; ; i; [I"/* A list(ol,ul) that is layed out such that the elements are floated left and won't wrap. * This is not an inline list. * * Setting `$padding` to `false` disables the padding between list elements */; F; i;;[; 0;@ o; ;T; i?;[o; ;{; i@;[;[;I"horizontal-list-container; T;@ o:Sass::Tree::RuleNode ;i;T; iA;[o; ;{; iB;[;[o; ; iB;I" padding; T;I" padding; T;@ o; ; iB;I"direction; T;I"direction; T;@ ;I"horizontal-list-item; T;@ :@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;([o:#Sass::Selector::SimpleSequence;([o:Sass::Selector::Element ; iA:@namespace0:@filenameI"; F;[I"li; T; iA;-@t; iA;-@t: @rule[I"li; T;@ ;[[o;;I" padding; T;I" padding; T;@ o;! ; i ;"[I"px; T;#[; i?;@ ;$I"4px; F[o;;I"direction; T;I"direction; T;@ o; ; I" left; T; i?;;;@ ;I"horizontal-list; T;@ ;I"C// Horizontal list layout module. // // Easy mode using simple descendant li selectors: // // ul.nav // +horizontal-list // // Advanced mode: // If you need to target the list items using a different selector then use // +horizontal-list-container on your ul/ol and +horizontal-list-item on your li. // This may help when working on layouts involving nested lists. For example: // // ul.nav // +horizontal-list-container // > li // +horizontal-list-item @import "bullets"; @import "compass/utilities/general/clearfix"; @import "compass/utilities/general/reset"; @import "compass/utilities/general/float"; // Can be mixed into any selector that target a ul or ol that is meant // to have a horizontal layout. Used to implement +horizontal-list. @mixin horizontal-list-container { @include reset-box-model; @include clearfix; } // Can be mixed into any li selector that is meant to participate in a horizontal layout. // Used to implement +horizontal-list. // // :last-child is not fully supported // see http://www.quirksmode.org/css/contents.html#t29 for the support matrix // // IE8 ignores rules that are included on the same line as :last-child // see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details // // Setting `$padding` to `false` disables the padding between list elements @mixin horizontal-list-item($padding: 4px, $direction: left) { @include no-bullet; white-space: nowrap; @include float($direction); @if $padding { padding: { left: $padding; right: $padding; } &:first-child, &.first { padding-#{$direction}: 0; } &:last-child { padding-#{opposite-position($direction)}: 0; } &.last { padding-#{opposite-position($direction)}: 0; } } } // A list(ol,ul) that is layed out such that the elements are floated left and won't wrap. // This is not an inline list. // // Setting `$padding` to `false` disables the padding between list elements @mixin horizontal-list($padding: 4px, $direction: left) { @include horizontal-list-container; li { @include horizontal-list-item($padding, $direction); } } ; T;@ ; i