3.2.1 (Media Mark) f5fa05c74f1c12b6cbf5c8fa1614d26ded1c2dc5 o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"-/* LABELS & BADGES * --------------- */:ET: @type: silent;[: @linei: @options{o; ;[I"/* Base classes */; T; ; ;[; i ; @ o:Sass::Tree::RuleNode : @rule[I".label, .badge; F: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I" label; F; i :@filenameI"; F: @subject0: @sourceso:Set: @hash{; i ;@o;;[I" ; Fo; ;[o;;[I" badge; F; i ;@;0;o;;{; i ;@; i ;@;[o:Sass::Tree::PropNode ;[I"font-size; T;o:Sass::Script::Operation :@operand1o:Sass::Script::Variable ;I"baseFontSize; T:@underscored_nameI"baseFontSize; T; i ; @ :@operand2o:Sass::Script::Number ;f 0.846:@numerator_units[:@denominator_units[; i :@originalI" 0.846; F; @ :@operator: times; i ; @ ;i:@prop_syntax:new;[; i ; @ o; ;[I"font-weight; T;o:Sass::Script::String;I" bold; T; :identifier; @ ;i;);*;[; i ; @ o; ;[I"line-height; T;o;+;I" 14px; T; ;,; @ ;i;);*;[; i; @ o; ;[I"//* ensure proper line-height if floated */; T; ; ;[; i; @ o; ;[I" color; T;o; ;I" white; T;!I" white; T; i; @ ;i;);*;[; i; @ o; ;[I"vertical-align; T;o;+;I" baseline; T; ;,; @ ;i;);*;[; i; @ o; ;[I"white-space; T;o;+;I" nowrap; T; ;,; @ ;i;);*;[; i; @ o; ;[I"text-shadow; T;o:Sass::Script::List ;[ o;# ;i;$[;%@4; i;&I"0; F; @ o;# ;i;$[I"px; T;%[; i;&I" -1px; F; @ o;# ;i;$[;%@4; i;&I"0; F; @ o:Sass::Script::Funcall ;I" rgba; T: @args[ o;# ;i;$[;%@4; i;&I"0; F; @ o;# ;i;$[;%@4; i;&I"0; F; @ o;# ;i;$[;%@4; i;&I"0; F; @ o;# ;f 0.25;$[;%@4; i;&I" 0.25; F; @ :@keywords{: @splat0; i; @ :@separator: space; i; @ ;i;);*;[; i; @ o; ;[I"background-color; T;o; ;I"grayLight; T;!I"grayLight; T; i; @ ;i;);*;[; i; @ ; i :@has_childrenT; @ o; ;[I"./* Set unique padding and border-radii */; T; ; ;[; i; @ o; ;[I" .label; T;i;o;;[o;;[o; ;[o;;[I" label; T; i;I"; F;0;o;;{; i;@; i;@;[o; ;[I" padding; T;o;+;I"1px 4px 2px; T; ;,; @ ;i;);*;[; i; @ o:Sass::Tree::MixinNode ;I"border-radius; T;/[o;# ;i;$[I"px; T;%[; i;&I"3px; F; @ ;0{;10;[; i; @ ; i;4T; @ o; ;[I" .badge; T;i;o;;[o;;[o; ;[o;;[I" badge; T; i;I"; F;0;o;;{; i;@; i;@;[o; ;[I" padding; T;o;+;I"1px 9px 2px; T; ;,; @ ;i;);*;[; i; @ o;5 ;I"border-radius; T;/[o;# ;i;$[I"px; T;%[; i;&I"9px; F; @ ;0{;10;[; i; @ ; i;4T; @ o; ;[I"*/* Hover state, but only for links */; T; ; ;[; i; @ o; ;[I"a; T;i;o;;[o;;[o; ;[o:Sass::Selector::Element ;[I"a; T:@namespace0; i ;I"; F;0;o;;{; i ;@; i ;@;[o; ;[I"#&.label:hover, &.badge:hover; F;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i";I"; Fo;;[I" label; F; i";@o:Sass::Selector::Pseudo ; : class;[I" hover; F: @arg0; i";@;0;o;;{; i";@o;;[I" ; Fo; ;[o;8; i";@o;;[I" badge; F; i";@o;9 ; ;:;[I" hover; F;;0; i";@;0;o;;{; i";@; i";@;[o; ;[I" color; T;o; ;I" white; T;!I" white; T; i#; @ ;i;);*;[; i#; @ o; ;[I"text-decoration; T;o;+;I" none; T; ;,; @ ;i;);*;[; i$; @ o; ;[I" cursor; T;o;+;I" pointer; T; ;,; @ ;i;);*;[; i%; @ ; i";4T; @ ; i ;4T; @ o; ;[I"/* Colors * Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) */; T; ; ;[; i); @ o:Sass::Tree::EachNode : @varI" widget; T: @listo;- ;[o;+ ;I" label; T; ;,; i+; @ o;+ ;I" badge; T; ;,; i+; @ ;2: comma; i+; @ ;[o; ;[I"/* Important (red) */; T; ; ;[; i,; @ o; ;[I".; Fo; ;I" widget; T;!I" widget; T; i-; @ I"-important; T;i;[o; ;[I"background-color; T;o; ;I"errorText; T;!I"errorText; T; i-; @ ;i;);*;[; i-; @ ; i-;4T; @ o; ;[I".; Fo; ;I" widget; T;!I" widget; T; i.; @ I"-important[href]; T;i;[o; ;[I"background-color; T;o;. ;I" darken; T;/[o; ;I"errorText; T;!I"errorText; T; i.; @ o;# ;i;$[I"%; T;%[; i.;&I"10%; F; @ ;0{;10; i.; @ ;i;);*;[; i.; @ ; i.;4T; @ o; ;[I"/* Warnings (orange) */; T; ; ;[; i/; @ o; ;[I".; Fo; ;I" widget; T;!I" widget; T; i0; @ I" -warning; T;i;[o; ;[I"background-color; T;o; ;I" orange; T;!I" orange; T; i0; @ ;i;);*;[; i0; @ ; i0;4T; @ o; ;[I".; Fo; ;I" widget; T;!I" widget; T; i1; @ I"-warning[href]; T;i;[o; ;[I"background-color; T;o;. ;I" darken; T;/[o; ;I" orange; T;!I" orange; T; i1; @ o;# ;i;$[I"%; T;%[; i1;&I"10%; F; @ ;0{;10; i1; @ ;i;);*;[; i1; @ ; i1;4T; @ o; ;[I"/* Success (green) */; T; ; ;[; i2; @ o; ;[I".; Fo; ;I" widget; T;!I" widget; T; i3; @ I" -success; T;i;[o; ;[I"background-color; T;o; ;I"successText; T;!I"successText; T; i3; @ ;i;);*;[; i3; @ ; i3;4T; @ o; ;[I".; Fo; ;I" widget; T;!I" widget; T; i4; @ I"-success[href]; T;i;[o; ;[I"background-color; T;o;. ;I" darken; T;/[o; ;I"successText; T;!I"successText; T; i4; @ o;# ;i;$[I"%; T;%[; i4;&I"10%; F; @ ;0{;10; i4; @ ;i;);*;[; i4; @ ; i4;4T; @ o; ;[I"/* Info (turquoise) */; T; ; ;[; i5; @ o; ;[I".; Fo; ;I" widget; T;!I" widget; T; i6; @ I" -info; T;i;[o; ;[I"background-color; T;o; ;I" infoText; T;!I" infoText; T; i6; @ ;i;);*;[; i6; @ ; i6;4T; @ o; ;[I".; Fo; ;I" widget; T;!I" widget; T; i7; @ I"-info[href]; T;i;[o; ;[I"background-color; T;o;. ;I" darken; T;/[o; ;I" infoText; T;!I" infoText; T; i7; @ o;# ;i;$[I"%; T;%[; i7;&I"10%; F; @ ;0{;10; i7; @ ;i;);*;[; i7; @ ; i7;4T; @ o; ;[I"/* Inverse (black) */; T; ; ;[; i8; @ o; ;[I".; Fo; ;I" widget; T;!I" widget; T; i9; @ I" -inverse; T;i;[o; ;[I"background-color; T;o; ;I" grayDark; T;!I" grayDark; T; i9; @ ;i;);*;[; i9; @ ; i9;4T; @ o; ;[I".; Fo; ;I" widget; T;!I" widget; T; i:; @ I"-inverse[href]; T;i;[o; ;[I"background-color; T;o;. ;I" darken; T;/[o; ;I" grayDark; T;!I" grayDark; T; i:; @ o;# ;i;$[I"%; T;%[; i:;&I"10%; F; @ ;0{;10; i:; @ ;i;);*;[; i:; @ ; i:;4T; @ ; i+;4T; @ :@templateI"h// LABELS & BADGES // --------------- // Base classes .label, .badge { font-size: $baseFontSize * .846; font-weight: bold; line-height: 14px; // ensure proper line-height if floated color: $white; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: $grayLight; } // Set unique padding and border-radii .label { padding: 1px 4px 2px; @include border-radius(3px); } .badge { padding: 1px 9px 2px; @include border-radius(9px); } // Hover state, but only for links a { &.label:hover, &.badge:hover { color: $white; text-decoration: none; cursor: pointer; } } // Colors // Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) @each $widget in label, badge { // Important (red) .#{$widget}-important { background-color: $errorText; } .#{$widget}-important[href] { background-color: darken($errorText, 10%); } // Warnings (orange) .#{$widget}-warning { background-color: $orange; } .#{$widget}-warning[href] { background-color: darken($orange, 10%); } // Success (green) .#{$widget}-success { background-color: $successText; } .#{$widget}-success[href] { background-color: darken($successText, 10%); } // Info (turquoise) .#{$widget}-info { background-color: $infoText; } .#{$widget}-info[href] { background-color: darken($infoText, 10%); } // Inverse (black) .#{$widget}-inverse { background-color: $grayDark; } .#{$widget}-inverse[href] { background-color: darken($grayDark, 10%); } } ; T; i;4T; @