3.2.12 (Media Mark) 8cb1c80b83ddf0cec2a8b11523a38d693f3b232b o:Sass::Tree::RootNode : @linei:@has_childrenT:@template"Ä @mixin texture($bg-color, $texture-number) { $texture-list: "line_diagonal1.png"; background: url("https://raw.github.com/Magnus-G/texture-mixin/gh-pages/textures/#{nth($texture-list, $texture-number)}"); background-color: $bg-color; // see http://magnus-g.github.io/texture-mixin/ for info on how to use this texture mixin } .image-cards { $image-card-border-color: $base-border-color; $image-card-border: 1px solid $image-card-border-color; $image-card-color: lighten($image-card-border-color, 10); $image-card-header-color: $image-card-color; $image-card-hover-color: darken($image-card-color, 5); $image-card-height: 300px; @include clearfix; cursor: pointer; margin-bottom: 1em; .image-card { height: $image-card-height; border: $image-card-border; background-color: $image-card-color; border-radius: $base-border-radius; margin-bottom: $base-line-height; @include media($medium-screen) { @include span-columns(4 of 12); } &.top { .image-wrapper { height: $image-card-height /2; border-top-left-radius: $base-border-radius; border-bottom-left-radius: $base-border-radius; } } &.left { .image-wrapper { float: left; height: $image-card-height; width: 5%; border-top-left-radius: $base-border-radius; border-bottom-left-radius: $base-border-radius; } .image-card-content { float: right; width: 95%; } } &.bottom { position: relative; .image-wrapper { height: $image-card-height /2; position: absolute; bottom: 0; right: 0; left: 0; } } .image-wrapper { @include texture($light-gray, 1); // see http://magnus-g.github.io/texture-mixin/ for info on how to use this texture mixin } .image-card-content { padding-left: 1em; padding-right: 1em; padding-top: 1em; p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } h3 { font-weight: 800; } &:hover { background-color: $image-card-hover-color; .card-header { background-color: $image-card-hover-color; } } &:active { background-color: $image-card-color; .card-header { background-color: $image-card-color; } } } }:@children[o:Sass::Tree::MixinDefNode ;i: @name" texture;T: @splat0; [ o:Sass::Tree::VariableNode : @expro:Sass::Script::String ;i: @type: string: @value"line_diagonal1.png: @options{;i; "texture-list; [: @guarded0;@o:Sass::Tree::PropNode ;i; ["background:@prop_syntax:new: @tabsi; [;o:Sass::Script::Funcall ;i; "url; 0;@:@keywords{: @args[o:&Sass::Script::StringInterpolation : @beforeo; ;i;;;"Ehttps://raw.github.com/Magnus-G/texture-mixin/gh-pages/textures/;@;i: @aftero; ;i;;;";@: @mido; ;i; "nth; 0;@;{;[o:Sass::Script::Variable ;i; "texture-list:@underscored_name"texture_list;@o; ;i; "texture-number;!"texture_number;@;@;@o; ;i ; ["background-color;;;i; [;o; ;i ; " bg-color;!" bg_color;@;@o:Sass::Tree::CommentNode ;i ;: silent; [;["a/* see http://magnus-g.github.io/texture-mixin/ for info on how to use this texture mixin */;@;@;[[o; ; " bg-color;!" bg_color;@0[o; ; "texture-number;!"texture_number;@0o:Sass::Tree::RuleNode ;i :@parsed_ruleso:"Sass::Selector::CommaSequence;i : @members[o:Sass::Selector::Sequence;'[o:#Sass::Selector::SimpleSequence ;i : @sourceso:Set: @hash{: @subject0;'[o:Sass::Selector::Class;i ; ["image-cards:@filename";/@H;/@H;T;i; [o; ;o; ;i; "base-border-color;!"base_border_color;@;i; "image-card-border-color; [;0;@o; ;o:Sass::Script::List ;i:@separator: space;[o:Sass::Script::Number ;i:@denominator_units[:@numerator_units["px:@original"1px;i;@o; ;i;:identifier;" solid;@o; ;i; "image-card-border-color;!"image_card_border_color;@;@;i; "image-card-border; [;0;@o; ;o; ;i; " lighten; 0;@;{;[o; ;i; "image-card-border-color;!"image_card_border_color;@o;3 ;i;4[;5[;6"10;i;@;i; "image-card-color; [;0;@o; ;o; ;i; "image-card-color;!"image_card_color;@;i; "image-card-header-color; [;0;@o; ;o; ;i; " darken; 0;@;{;[o; ;i; "image-card-color;!"image_card_color;@o;3 ;i;4@h;5[;6"5;i ;@;i; "image-card-hover-color; [;0;@o; ;o;3 ;i;4[;5["px;6" 300px;i,;@;i; "image-card-height; [;0;@o:Sass::Tree::MixinNode ;i; " clearfix; 0; [;@;{;; ;i; [" cursor;;;i; [;o;;;7;" pointer;@;@o; ;i; ["margin-bottom;;;i; [;o;;;7;"1em;@;@o;$ ;i;%o;&;i;'[o;(;'[o;) ;i;*o;+;,{;-0;'[o;.;i; ["image-card;/";/@ ;/@ ;T;i; [o; ;i; [" height;;;i; [;o; ;i; "image-card-height;!"image_card_height;@;@o; ;i; [" border;;;i; [;o; ;i; "image-card-border;!"image_card_border;@;@o; ;i; ["background-color;;;i; [;o; ;i; "image-card-color;!"image_card_color;@;@o; ;i; ["border-radius;;;i; [;o; ;i; "base-border-radius;!"base_border_radius;@;@o; ;i; ["margin-bottom;;;i; [;o; ;i; "base-line-height;!"base_line_height;@;@o;8 ;i!; " media;T; 0; [o;8 ;i"; "span-columns; 0; [;@;{;[o;0 ;i";1;2;[o;3 ;i";4@h;5[;6"4;i ;@o; ;i";;7;"of;@o;3 ;i";4@h;5[;6"12;i;@;@;@;{;[o; ;i!; "medium-screen;!"medium_screen;@o;$ ;i%;%o;&;i%;'[o;(;'[o;) ;i%;*o;+;,{;-0;'[o:Sass::Selector::Parent;i%;/"o;.;i%; ["top;/@æ;/@æ;/@æ;T;i; [o;$ ;i&;%o;&;i&;'[o;(;'[o;) ;i&;*o;+;,{;-0;'[o;.;i&; ["image-wrapper;/";/@÷;/@÷;T;i; [o; ;i'; [" height;;;i; [;o:Sass::Script::Operation ;i':@operand2o;3 ;i';4@h;5[;6"2;i;@;@:@operator:div:@operand1o; ;i'; "image-card-height;!"image_card_height;@;@o; ;i(; ["border-top-left-radius;;;i; [;o; ;i(; "base-border-radius;!"base_border_radius;@;@o; ;i); ["border-bottom-left-radius;;;i; [;o; ;i); "base-border-radius;!"base_border_radius;@;@;@: @rule[".image-wrapper;@;?[" &.topo;$ ;i-;%o;&;i-;'[o;(;'[o;) ;i-;*o;+;,{;-0;'[o;9;i-;/"o;.;i-; [" left;/@ ;/@ ;/@ ;T;i; [o;$ ;i.;%o;&;i.;'[o;(;'[o;) ;i.;*o;+;,{;-0;'[o;.;i.; ["image-wrapper;/";/@1;/@1;T;i; [ o; ;i/; [" float;;;i; [;o;;;7;" left;@;@o; ;i0; [" height;;;i; [;o; ;i0; "image-card-height;!"image_card_height;@;@o; ;i1; [" width;;;i; [;o;;;7;"5%;@;@o; ;i2; ["border-top-left-radius;;;i; [;o; ;i2; "base-border-radius;!"base_border_radius;@;@o; ;i3; ["border-bottom-left-radius;;;i; [;o; ;i3; "base-border-radius;!"base_border_radius;@;@;@;?[".image-wrappero;$ ;i5;%o;&;i5;'[o;(;'[o;) ;i5;*o;+;,{;-0;'[o;.;i5; ["image-card-content;/";/@b;/@b;T;i; [o; ;i6; [" float;;;i; [;o;;;7;" right;@;@o; ;i7; [" width;;;i; [;o;;;7;"95%;@;@;@;?[".image-card-content;@;?[" &.lefto;$ ;i;;%o;&;i;;'[o;(;'[o;) ;i;;*o;+;,{;-0;'[o;9;i;;/"o;.;i;; [" bottom;/@~;/@~;/@~;T;i; [o; ;i<; [" position;;;i; [;o;;;7;" relative;@;@o;$ ;i=;%o;&;i=;'[o;(;'[o;) ;i=;*o;+;,{;-0;'[o;.;i=; ["image-wrapper;/";/@•;/@•;T;i; [ o; ;i>; [" height;;;i; [;o;: ;i>;;o;3 ;i>;4@h;5[;6"2;i;@;@;<;=;>o; ;i>; "image-card-height;!"image_card_height;@;@o; ;i?; [" position;;;i; [;o;;;7;" absolute;@;@o; ;i@; [" bottom;;;i; [;o;;;7;"0;@;@o; ;iA; [" right;;;i; [;o;;;7;"0;@;@o; ;iB; [" left;;;i; [;o;;;7;"0;@;@;@;?[".image-wrapper;@;?[" &.bottomo;$ ;iF;%o;&;iF;'[o;(;'[o;) ;iF;*o;+;,{;-0;'[o;.;iF; ["image-wrapper;/";/@Ê;/@Ê;T;i; [o;8 ;iG; " texture; 0; [;@;{;[o; ;iG; "light-gray;!"light_gray;@o;3 ;iG;4@h;5[;6"1;i;@o;" ;iH;;#; [;["a/* see http://magnus-g.github.io/texture-mixin/ for info on how to use this texture mixin */;@;@;?[".image-wrappero;$ ;iK;%o;&;iK;'[o;(;'[o;) ;iK;*o;+;,{;-0;'[o;.;iK; ["image-card-content;/";/@é;/@é;T;i; [ o; ;iL; ["padding-left;;;i; [;o;;;7;"1em;@;@o; ;iM; ["padding-right;;;i; [;o;;;7;"1em;@;@o; ;iN; ["padding-top;;;i; [;o;;;7;"1em;@;@o;$ ;iP;%o;&;iP;'[o;(;'[o;) ;iP;*o;+;,{;-0;'[o:Sass::Selector::Element ;iP; ["p:@namespace0;/";/@ ;/@ ;T;i; [ o; ;iQ; [" overflow;;;i; [;o;;;7;" hidden;@;@o; ;iR; ["text-overflow;;;i; [;o;;;7;" ellipsis;@;@o; ;iS; [" display;;;i; [;o;;;7;"-webkit-box;@;@o; ;iT; ["-webkit-line-clamp;;;i; [;o;;;7;"3;@;@o; ;iU; ["-webkit-box-orient;;;i; [;o;;;7;" vertical;@;@;@;?["p;@;?[".image-card-contento;$ ;iY;%o;&;iY;'[o;(;'[o;) ;iY;*o;+;,{;-0;'[o;@ ;iY; ["h3;A0;/";/@9;/@9;T;i; [o; ;iZ; ["font-weight;;;i; [;o;;;7;"800;@;@;@;?["h3o;$ ;i];%o;&;i];'[o;(;'[o;) ;i];*o;+;,{;-0;'[o;9;i];/"o:Sass::Selector::Pseudo ;i]; [" hover: @arg0:@syntactic_type: class;/@M;/@M;/@M;T;i; [o; ;i^; ["background-color;;;i; [;o; ;i^; "image-card-hover-color;!"image_card_hover_color;@;@o;$ ;i_;%o;&;i_;'[o;(;'[o;) ;i_;*o;+;,{;-0;'[o;.;i_; ["card-header;/";/@e;/@e;T;i; [o; ;i`; ["background-color;;;i; [;o; ;i`; "image-card-hover-color;!"image_card_hover_color;@;@;@;?[".card-header;@;?[" &:hovero;$ ;id;%o;&;id;'[o;(;'[o;) ;id;*o;+;,{;-0;'[o;9;id;/"o;B ;id; [" active;C0;D;E;/@|;/@|;/@|;T;i; [o; ;ie; ["background-color;;;i; [;o; ;ie; "image-card-color;!"image_card_color;@;@o;$ ;if;%o;&;if;'[o;(;'[o;) ;if;*o;+;,{;-0;'[o;.;if; ["card-header;/";/@”;/@”;T;i; [o; ;ig; ["background-color;;;i; [;o; ;ig; "image-card-color;!"image_card_color;@;@;@;?[".card-header;@;?[" &:active;@;?[".image-card;@;?[".image-cards;@