3.2.12 (Media Mark) a256a114427071caf2b9d03e7f0dea293d727c76 o:Sass::Tree::RootNode : @linei:@has_childrenT:@template"”.course-cards-wrapper { @include outer-container; ul li { @include media($medium-screen) { // @include span-columns(4); // @include omega(3n); width: 33%; float: left; margin-bottom: 1em; } } } .course-cards { margin: auto; width: 100%; z-index: 999; .card { position: relative; cursor: pointer; margin-bottom: 1em; float: left; background-color: red; background-size: 100%; text-align: center; color: white; padding: 1em; min-height: 20em; &.active { position: relative; .card-bottom h3 { color: white; } .pointer { position: absolute; bottom: 0; left: 48%; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid white; } } } li:last-child .card { // display: none; // position: relative; background-color: green; } .card-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background-color: transparentize(black, 0.8); @include transition (all 0.2s ease-in-out); &:hover { background-color: transparentize(black, 0.9); } h3 { padding: 2em 0 1.5em 0; } } } .system { display: block; li:last-child .card { display: block; @include media(460px) { background-size: 100%; } } @include media($large-screen) { display: none; } ul, ul li, ul li a { width: 100%; background-size: 100%; display: block; } ul li { @extend .card; display: block; } } :@children[o: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: @name["course-cards-wrapper:@filename";@;@;T: @tabsi; [o:Sass::Tree::MixinNode ;i;"outer-container: @splat0; [: @options{:@keywords{: @args[o; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o:Sass::Selector::Element ;i;["ul:@namespace0;";@(o; ;i;o;;{;0; [o; ;i;["li;0;@(;@(;@(;T;i; [o; ;i ;" media;T;0; [ o:Sass::Tree::CommentNode ;i : @type: silent; [: @value[";/* @include span-columns(4); * @include omega(3n); */;@o:Sass::Tree::PropNode ;i ;[" width:@prop_syntax:new;i; [;"o:Sass::Script::String; :identifier;""33%;@;@o;# ;i ;[" float;$;%;i; [;"o;&; ;';"" left;@;@o;# ;i;["margin-bottom;$;%;i; [;"o;&; ;';""1em;@;@;@;{;[o:Sass::Script::Variable ;i ;"medium-screen:@underscored_name"medium_screen;@;@: @rule[" ul li;@;*[".course-cards-wrappero; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o;;i;["course-cards;";@_;@_;T;i; [ o;# ;i;[" margin;$;%;i; [;"o;&; ;';"" auto;@;@o;# ;i;[" width;$;%;i; [;"o;&; ;';"" 100%;@;@o;# ;i;[" z-index;$;%;i; [;"o;&; ;';""999;@;@o; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o;;i;[" card;";@;@;T;i; [o;# ;i;[" position;$;%;i; [;"o;&; ;';"" relative;@;@o;# ;i;[" cursor;$;%;i; [;"o;&; ;';"" pointer;@;@o;# ;i;["margin-bottom;$;%;i; [;"o;&; ;';""1em;@;@o;# ;i;[" float;$;%;i; [;"o;&; ;';"" left;@;@o;# ;i ;["background-color;$;%;i; [;"o;&; ;';""red;@;@o;# ;i!;["background-size;$;%;i; [;"o;&; ;';"" 100%;@;@o;# ;i";["text-align;$;%;i; [;"o;&; ;';"" center;@;@o;# ;i#;[" color;$;%;i; [;"o;&; ;';"" white;@;@o;# ;i$;[" padding;$;%;i; [;"o;&; ;';""1em;@;@o;# ;i%;["min-height;$;%;i; [;"o;&; ;';"" 20em;@;@o; ;i); o; ;i); [o;; [o; ;i);o;;{;0; [o:Sass::Selector::Parent;i);"o;;i);[" active;@Â;@Â;@Â;T;i; [o;# ;i*;[" position;$;%;i; [;"o;&; ;';"" relative;@;@o; ;i+; o; ;i+; [o;; [o; ;i+;o;;{;0; [o;;i+;["card-bottom;";@Ùo; ;i+;o;;{;0; [o; ;i+;["h3;0;@Ù;@Ù;@Ù;T;i; [o;# ;i,;[" color;$;%;i; [;"o;&; ;';"" white;@;@;@;*[".card-bottom h3o; ;i.; o; ;i.; [o;; [o; ;i.;o;;{;0; [o;;i.;[" pointer;";@ö;@ö;T;i; [ o;# ;i/;[" position;$;%;i; [;"o;&; ;';"" absolute;@;@o;# ;i0;[" bottom;$;%;i; [;"o;&; ;';""0;@;@o;# ;i1;[" left;$;%;i; [;"o;&; ;';""48%;@;@o;# ;i2;[" width;$;%;i; [;"o;&; ;';""0;@;@o;# ;i3;[" height;$;%;i; [;"o;&; ;';""0;@;@o;# ;i4;["border-left;$;%;i; [;"o;&; ;';""15px solid transparent;@;@o;# ;i5;["border-right;$;%;i; [;"o;&; ;';""15px solid transparent;@;@o;# ;i6;["border-bottom;$;%;i; [;"o;&; ;';""15px solid white;@;@;@;*[" .pointer;@;*[" &.active;@;*[" .cardo; ;i;; o; ;i;; [o;; [o; ;i;;o;;{;0; [o; ;i;;["li;0;"o:Sass::Selector::Pseudo ;i;;["last-child: @arg0:@syntactic_type: class;@:;@:o; ;i;;o;;{;0; [o;;i;;[" card;@:;@:;@:;T;i; [o; ;i<; ;!; [;"["0/* display: none; * position: relative; */;@o;# ;i>;["background-color;$;%;i; [;"o;&; ;';"" green;@;@;@;*["li:last-child .cardo; ;iA; o; ;iA; [o;; [o; ;iA;o;;{;0; [o;;iA;["card-bottom;";@^;@^;T;i; [ o;# ;iB;[" position;$;%;i; [;"o;&; ;';"" absolute;@;@o;# ;iC;[" bottom;$;%;i; [;"o;&; ;';""0;@;@o;# ;iD;[" left;$;%;i; [;"o;&; ;';""0;@;@o;# ;iE;[" width;$;%;i; [;"o;&; ;';"" 100%;@;@o;# ;iF;["background-color;$;%;i; [;"o:Sass::Script::Funcall ;iF;"transparentize;0;@;{;[o:Sass::Script::Color ;iF: @attrs{ :redi: alphai: greeni: bluei;"0;@o:Sass::Script::Number ;iF:@denominator_units[:@numerator_units[:@original"0.8;"f0.80000000000000004™š;@;@o; ;iG;"transition;0; [;@;{;[o:Sass::Script::List ;iG:@separator: space;"[o;& ;iG; ;';""all;@o;7 ;iG;8[;9["s;:" 0.2s;"f0.20000000000000001™š;@o;& ;iG; ;';""ease-in-out;@;@o; ;iI; o; ;iI; [o;; [o; ;iI;o;;{;0; [o;+;iI;"o;, ;iI;[" hover;-0;.;/;@¢;@¢;@¢;T;i; [o;# ;iJ;["background-color;$;%;i; [;"o;0 ;iJ;"transparentize;0;@;{;[o;1 ;iJ;2{ ;3i;4i;5i;6i;"0;@o;7 ;iJ;8@ƒ;9[;:"0.9;"f0.90000000000000002ÌÍ;@;@;@;*[" &:hovero; ;iL; o; ;iL; [o;; [o; ;iL;o;;{;0; [o; ;iL;["h3;0;";@Ã;@Ã;T;i; [o;# ;iM;[" padding;$;%;i; [;"o;&; ;';""2em 0 1.5em 0;@;@;@;*["h3;@;*[".card-bottom;@;*[".course-cardso; ;iR; o; ;iR; [o;; [o; ;iR;o;;{;0; [o;;iR;[" system;";@Ý;@Ý;T;i; [ o;# ;iS;[" display;$;%;i; [;"o;&; ;';"" block;@;@o; ;iU; o; ;iU; [o;; [o; ;iU;o;;{;0; [o; ;iU;["li;0;"o;, ;iU;["last-child;-0;.;/;@ñ;@ño; ;iU;o;;{;0; [o;;iU;[" card;@ñ;@ñ;@ñ;T;i; [o;# ;iV;[" display;$;%;i; [;"o;&; ;';"" block;@;@o; ;iW;" media;T;0; [o;# ;iX;["background-size;$;%;i; [;"o;&; ;';"" 100%;@;@;@;{;[o;7 ;iW;8[;9["px;:" 460px;"iÌ;@;@;*["li:last-child .cardo; ;i\;" media;T;0; [o;# ;i];[" display;$;%;i; [;"o;&; ;';"" none;@;@;@;{;[o;( ;i\;"large-screen;)"large_screen;@o; ;i`; o; ;i`; [o;; [o; ;i`;o;;{;0; [o; ;i`;["ul;0;";@/o;; [o; ;i`;o;;{;0; [o; ;i`;["ul;0;@/;@/o; ;i`;o;;{;0; [o; ;i`;["li;0;@/;@/o;; [o; ;i`;o;;{;0; [o; ;i`;["ul;0;@/;@/o; ;i`;o;;{;0; [o; ;i`;["li;0;@/;@/o; ;i`;o;;{;0; [o; ;i`;["a;0;@/;@/;@/;T;i; [o;# ;ia;[" width;$;%;i; [;"o;&; ;';"" 100%;@;@o;# ;ib;["background-size;$;%;i; [;"o;&; ;';"" 100%;@;@o;# ;ic;[" display;$;%;i; [;"o;&; ;';"" block;@;@;@;*["ul, ul li, ul li ao; ;ie; o; ;ie; [o;; [o; ;ie;o;;{;0; [o; ;ie;["ul;0;";@xo; ;ie;o;;{;0; [o; ;ie;["li;0;@x;@x;@x;T;i; [o:Sass::Tree::ExtendNode :@selector["." card;if:@optionalF; [;@o;# ;ig;[" display;$;%;i; [;"o;&; ;';"" block;@;@;@;*[" ul li;@;*[" .system;@