3.2.13 (Media Mark) 240817e6fc8edad16174be905d251ca6135d79aa 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; .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(darken($image-card-color, 5), 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 ;i: @aftero; ;i;;;";@: @mido; ;i; "nth; 0;@;{;[o:Sass::Script::Variable ;i; "texture-list:@underscored_name"texture_list;@o; ;i; "texture-number; "texture_number;@: @beforeo; ;i;;;"Ehttps://raw.github.com/Magnus-G/texture-mixin/gh-pages/textures/;@;@;@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:@numerator_units["px:@original"1px;i:@denominator_units[;@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"10;i;6[;@;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[;5"5;i ;6@j;@;i; "image-card-hover-color; [;0;@o; ;o;3 ;i;4["px;5" 300px;i,;6[;@;i; "image-card-height; [;0;@o:Sass::Tree::MixinNode ;i; " clearfix; 0; [;@;{;; ;i; [" cursor;;;i; [;o;;;7;" pointer;@;@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[;5"4;i ;6@j;@o; ;i!;;7;"of;@o;3 ;i!;4[;5"12;i;6@j;@;@;@;{;[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[;5"2;i;6@j;@:@operand1o; ;i&; "image-card-height; "image_card_height;@;@:@operator:div;@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;/";/@+;/@+;T;i; [ o; ;i.; [" float;;;i; [;o;;;7;" left;@;@o; ;i/; [" height;;;i; [;o; ;i/; "image-card-height; "image_card_height;@;@o; ;i0; [" width;;;i; [;o;;;7;"5%;@;@o; ;i1; ["border-top-left-radius;;;i; [;o; ;i1; "base-border-radius; "base_border_radius;@;@o; ;i2; ["border-bottom-left-radius;;;i; [;o; ;i2; "base-border-radius; "base_border_radius;@;@;@;?[".image-wrappero;$ ;i4;%o;&;i4;'[o;(;'[o;) ;i4;*o;+;,{;-0;'[o;.;i4; ["image-card-content;/";/@\;/@\;T;i; [o; ;i5; [" float;;;i; [;o;;;7;" right;@;@o; ;i6; [" width;;;i; [;o;;;7;"95%;@;@;@;?[".image-card-content;@;?[" &.lefto;$ ;i:;%o;&;i:;'[o;(;'[o;) ;i:;*o;+;,{;-0;'[o;9;i:;/"o;.;i:; [" bottom;/@x;/@x;/@x;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[;5"2;i;6@j;@;;@o; ;i>; [" position;;;i; [;o;;;7;" absolute;@;@o; ;i?; [" bottom;;;i; [;o;;;7;"0;@;@o; ;i@; [" right;;;i; [;o;;;7;"0;@;@o; ;iA; [" left;;;i; [;o;;;7;"0;@;@;@;?[".image-wrapper;@;?[" &.bottomo;$ ;iE;%o;&;iE;'[o;(;'[o;) ;iE;*o;+;,{;-0;'[o;.;iE; ["image-wrapper;/";/@Ä;/@Ä;T;i; [o;8 ;iF; " texture; 0; [;@;{;[o; ;iF; " darken; 0;@;{;[o; ;iF; "image-card-color; "image_card_color;@o;3 ;iF;4[;5"5;i ;6@j;@o;3 ;iF;4[;5"1;i;6@j;@o;" ;iG;;#; [;["a/* see http://magnus-g.github.io/texture-mixin/ for info on how to use this texture mixin */;@;@;?[".image-wrappero;$ ;iJ;%o;&;iJ;'[o;(;'[o;) ;iJ;*o;+;,{;-0;'[o;.;iJ; ["image-card-content;/";/@ê;/@ê;T;i; [ o; ;iK; ["padding-left;;;i; [;o;;;7;"1em;@;@o; ;iL; ["padding-right;;;i; [;o;;;7;"1em;@;@o; ;iM; ["padding-top;;;i; [;o;;;7;"1em;@;@o;$ ;iO;%o;&;iO;'[o;(;'[o;) ;iO;*o;+;,{;-0;'[o:Sass::Selector::Element ;iO; ["p:@namespace0;/";/@ ;/@ ;T;i; [ o; ;iP; [" overflow;;;i; [;o;;;7;" hidden;@;@o; ;iQ; ["text-overflow;;;i; [;o;;;7;" ellipsis;@;@o; ;iR; [" display;;;i; [;o;;;7;"-webkit-box;@;@o; ;iS; ["-webkit-line-clamp;;;i; [;o;;;7;"3;@;@o; ;iT; ["-webkit-box-orient;;;i; [;o;;;7;" vertical;@;@;@;?["p;@;?[".image-card-contento;$ ;iX;%o;&;iX;'[o;(;'[o;) ;iX;*o;+;,{;-0;'[o;@ ;iX; ["h3;A0;/";/@:;/@:;T;i; [o; ;iY; ["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;/@N;/@N;/@N;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;/";/@f;/@f;T;i; [o; ;i_; ["background-color;;;i; [;o; ;i_; "image-card-hover-color; "image_card_hover_color;@;@;@;?[".card-header;@;?[" &:hovero;$ ;ic;%o;&;ic;'[o;(;'[o;) ;ic;*o;+;,{;-0;'[o;9;ic;/"o;B ;ic; [" active;C0;D;E;/@};/@};/@};T;i; [o; ;id; ["background-color;;;i; [;o; ;id; "image-card-color; "image_card_color;@;@o;$ ;ie;%o;&;ie;'[o;(;'[o;) ;ie;*o;+;,{;-0;'[o;.;ie; ["card-header;/";/@•;/@•;T;i; [o; ;if; ["background-color;;;i; [;o; ;if; "image-card-color; "image_card_color;@;@;@;?[".card-header;@;?[" &:active;@;?[".image-card;@;?[".image-cards;@