{: versionI"3.2.19 (Media Mark):EF:shaI"-4d96e82f42b50ddd6a43f43092e515e1d60c7f9e;F: contents"¾Ho:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"// Sortable lists:ET: @type: silent;[: @linei:@filenameI"Z/Users/bram/apps/Spina-template/app/assets/stylesheets/spina/_sortable_lists.css.sass; T: @options{o:Sass::Tree::RuleNode : @rule[I".dd; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I"dd; T; i; @ : @subject0: @sourceso:Set: @hash{; i; @ ; i; @ ;[ o:Sass::Tree::PropNode ;[I" margin; T;o:Sass::Script::List ;[o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i :@originalI"0; F;@ o; ;iÓ; [I"px; T;![; i ;"I" -40px; F;@ :@separator: space; i ;@ ;i:@prop_syntax:new;[; i ; @ ;@ o; ;[I" overflow; T;o:Sass::Script::String ;I" hidden; T; :identifier; i ;@ ;i;%;&;[; i ; @ ;@ o; ;[I" position; T;o;' ;I" relative; T; ;(; i ;@ ;i;%;&;[; i ; @ ;@ o; ;[I"(& > .dd-list > .dd-item:first-child; T;i;o;;[o;;[ o; ;[o:Sass::Selector::Parent; i ; @ ;0;o;;{; i ; @ I">; To; ;[o;;[I" dd-list; T; i ; @ ;0;o;;{; i ; @ I">; To; ;[o;;[I" dd-item; T; i ; @ o:Sass::Selector::Pseudo :@syntactic_type: class;[I"first-child; T: @arg0; i ; @ ;0;o;;{; i ; @ ; i ; @ ;[o; ;[I"border-top; T;o;' ;I" none; T; ;(; i;@ ;i;%;&;[; i; @ ;@ ; i ; @ :@has_childrenT;@ ; i; @ ;.T;@ o; ;[I".dd-item-inner.dd-handle; T;i;o;;[o;;[o; ;[o;;[I"dd-item-inner; T; i; @ o;;[I"dd-handle; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o; ;[I" cursor; T;o;' ;I" move; T; ;(; i;@ ;i;%;&;[; i; @ ;@ ; i; @ ;.T;@ o; ;[I"".dd-item-inner .sortable-link; T;i;o;;[o;;[o; ;[o;;[I"dd-item-inner; T; i; @ ;0;o;;{; i; @ o; ;[o;;[I"sortable-link; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o:Sass::Tree::MixinNode ;I"transform; T: @args[o:Sass::Script::Funcall ;I"translateX; T;0[o; ;iá; [I"px; T;![; i;"I" -26px; F;@ :@keywords{: @splat0; i;@ ;2{;30;[; i; @ ;@ o;/ ;I"transition; T;0[o; ;[o;' ;I"all; T; ;(; i;@ o; ;f0.2; [I"s; T;![; i;"I" 0.2s; F;@ o;' ;I" ease; T; ;(; i;@ ;#;$; i;@ ;2{;30;[; i; @ ;@ ; i; @ ;.T;@ o; ;[I",.dd-item-inner.dd-handle .sortable-link; T;i;o;;[o;;[o; ;[o;;[I"dd-item-inner; T; i; @ o;;[I"dd-handle; T; i; @ ;0;o;;{; i; @ o; ;[o;;[I"sortable-link; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o;/ ;I"transform; T;0[o;1 ;I"translateX; T;0[o; ;i; [;!@#; i;"I"0; F;@ ;2{;30; i;@ ;2{;30;[; i; @ ;@ ; i; @ ;.T;@ o; ;[I".dd-item-inner:before; T;i;o;;[o;;[o; ;[o;;[I"dd-item-inner; T; i; @ o;* ;+;,;[I" before; T;-0; i; @ ;0;o;;{; i; @ ; i; @ ;[o; ;[I" color; T;o:Sass::Script::Color ;0: @attrs{ :rediÌ: greeniÌ: blueiÌ: alphai; i;@ ;i;%;&;[; i; @ ;@ o; ;[I" content; T;o;' ;I"7; T; : string; i;@ ;i;%;&;[; i; @ ;@ o; ;[I" display; T;o;' ;I"inline-block; T; ;(; i;@ ;i;%;&;[; i; @ ;@ o; ;[I"font-family; T;o:Sass::Script::Variable ;I"icon-font; T:@underscored_nameI"icon_font; T; i;@ ;i;%;&;[; i; @ ;@ o; ;[I" height; T;o; ;i; [I"px; T;![; i;"I" 18px; F;@ ;i;%;&;[; i; @ ;@ o; ;[I" opacity; T;o; ;i; [;!@#; i ;"I"0; F;@ ;i;%;&;[; i ; @ ;@ o; ;[I"vertical-align; T;o;' ;I" middle; T; ;(; i!;@ ;i;%;&;[; i!; @ ;@ o; ;[I" width; T;o; ;i; [I"px; T;![; i";"I" 26px; F;@ ;i;%;&;[; i"; @ ;@ o;/ ;I"transform; T;0[o;1 ;I"translateX; T;0[o; ;iá; [I"px; T;![; i#;"I" -26px; F;@ ;2{;30; i#;@ ;2{;30;[; i#; @ ;@ o;/ ;I"transition; T;0[o; ;[o;' ;I"all; T; ;(; i$;@ o; ;@œ; [I"s; T;![; i$;"I" 0.2s; F;@ o;' ;I" ease; T; ;(; i$;@ ;#;$; i$;@ ;2{;30;[; i$; @ ;@ ; i; @ ;.T;@ o; ;[I"$.dd-item-inner.dd-handle:before; T;i;o;;[o;;[o; ;[o;;[I"dd-item-inner; T; i&; @ o;;[I"dd-handle; T; i&; @ o;* ;+;,;[I" before; T;-0; i&; @ ;0;o;;{; i&; @ ; i&; @ ;[o; ;[I" opacity; T;o; ;i; [;!@#; i';"I"1; F;@ ;i;%;&;[; i'; @ ;@ o;/ ;I"transform; T;0[o;1 ;I"translateX; T;0[o; ;i; [;!@#; i(;"I"0; F;@ ;2{;30; i(;@ ;2{;30;[; i(; @ ;@ ; i&; @ ;.T;@ o; ;[I" .dd-list; T;i;o;;[o;;[o; ;[o;;[I" dd-list; T; i*; @ ;0;o;;{; i*; @ ; i*; @ ;[ o; ;[I"list-style; T;o;' ;I" none; T; ;(; i+;@ ;i;%;&;[; i+; @ ;@ o; ;[I" margin; T;o; ;i; [;!@#; i,;"I"0; F;@ ;i;%;&;[; i,; @ ;@ o; ;[I" padding; T;o; ;i; [;!@#; i-;"I"0; F;@ ;i;%;&;[; i-; @ ;@ o; ;[I" position; T;o;' ;I" relative; T; ;(; i.;@ ;i;%;&;[; i.; @ ;@ o; ;[I".dd-placeholder; T;i;o;;[o;;[o; ;[o;;[I"dd-placeholder; T; i0; @ ;0;o;;{; i0; @ ; i0; @ ;[o; ;[I" position; T;o;' ;I" relative; T; ;(; i1;@ ;i;%;&;[; i1; @ ;@ o; ;[I" &:after; T;i;o;;[o;;[o; ;[o;); i3; @ o;* ;+;,;[I" after; T;-0; i3; @ ;0;o;;{; i3; @ ; i3; @ ;[ o; ;[I" border; T;o; ;[o; ;i; [I"px; T;![; i4;"I"1px; F;@ o;' ;I" dashed; T; ;(; i4;@ o;4 ;0;5{ ;6iÝ;7iÝ;8iÝ;9i; i4;@ ;#;$; i4;@ ;i;%;&;[; i4; @ ;@ o; ;[I" content; T;o;' ;I" ; T; ;:; i5;@ ;i;%;&;[; i5; @ ;@ o; ;[I" display; T;o;' ;I" block; T; ;(; i6;@ ;i;%;&;[; i6; @ ;@ o; ;[I" height; T;o; ;ii; [I"%; T;![; i7;"I" 100%; F;@ ;i;%;&;[; i7; @ ;@ o; ;[I"margin-left; T;o; ;i; [I"px; T;![; i8;"I"0px; F;@ ;i;%;&;[; i8; @ ;@ o; ;[I"top; T;o; ;i; [I"px; T;![; i9;"I"0px; F;@ ;i;%;&;[; i9; @ ;@ o; ;[I" width; T;o; ;ii; [I"%; T;![; i:;"I" 100%; F;@ ;i;%;&;[; i:; @ ;@ o;/ ;I"box-sizing; T;0[o;' ;I"border-box; T; ;(; i;;@ ;2{;30;[; i;; @ ;@ ; i3; @ ;.T;@ ; i0; @ ;.T;@ o; ;[I" .dd-list; T;i;o;;[o;;[o; ;[o;;[I" dd-list; T; i=; @ ;0;o;;{; i=; @ ; i=; @ ;[ o; ;[I"background; T;o;4 ;0;5{ ;6iù;7iù;8iù;9i; i>;@ ;i;%;&;[; i>; @ ;@ o; ;[I"border-top; T;o; ;[o; ;i; [I"px; T;![; i?;"I"1px; F;@ o;' ;I" solid; T; ;(; i?;@ o;4 ;0;5{ ;6iÝ;7iÝ;8iÝ;9i; i?;@ ;#;$; i?;@ ;i;%;&;[; i?; @ ;@ o; ;[I".dd-placeholder; T;i;o;;[o;;[o; ;[o;;[I"dd-placeholder; T; iA; @ ;0;o;;{; iA; @ ; iA; @ ;[o; ;[I"background; T;o;4 ;0;5{ ;6iù;7iù;8iù;9i; iB;@ ;i;%;&;[; iB; @ ;@ o; ;[I" &:after; T;i;o;;[o;;[o; ;[o;); iD; @ o;* ;+;,;[I" after; T;-0; iD; @ ;0;o;;{; iD; @ ; iD; @ ;[o; ;[I"margin-left; T;o; ;iA; [I"px; T;![; iE;"I" 60px; F;@ ;i;%;&;[; iE; @ ;@ ; iD; @ ;.T;@ ; iA; @ ;.T;@ o; ;[I".dd-item:last-child; T;i;o;;[o;;[o; ;[o;;[I" dd-item; T; iG; @ o;* ;+;,;[I"last-child; T;-0; iG; @ ;0;o;;{; iG; @ ; iG; @ ;[o; ;[I"border-bottom; T;o;' ;I" none; T; ;(; iH;@ ;i;%;&;[; iH; @ ;@ ; iG; @ ;.T;@ o; ;[I" .dd-item; T;i;o;;[o;;[o; ;[o;;[I" dd-item; T; iJ; @ ;0;o;;{; iJ; @ ; iJ; @ ;[o; ;[I"padding-left; T;o; ;i#; [I"px; T;![; iK;"I" 30px; F;@ ;i;%;&;[; iK; @ ;@ ; iJ; @ ;.T;@ o; ;[I" .dd-list; T;i;o;;[o;;[o; ;[o;;[I" dd-list; T; iM; @ ;0;o;;{; iM; @ ; iM; @ ;[ o; ;[I"background; T;o;4 ;0;5{ ;6iñ;7iñ;8iñ;9i; iN;@ ;i;%;&;[; iN; @ ;@ o; ;[I"margin-left; T;o; ;iÝ; [I"px; T;![; iO;"I" -30px; F;@ ;i;%;&;[; iO; @ ;@ o; ;[I" .dd-item; T;i;o;;[o;;[o; ;[o;;[I" dd-item; T; iQ; @ ;0;o;;{; iQ; @ ; iQ; @ ;[o; ;[I"padding-left; T;o; ;iA; [I"px; T;![; iR;"I" 60px; F;@ ;i;%;&;[; iR; @ ;@ ; iQ; @ ;.T;@ o; ;[I".dd-placeholder; T;i;o;;[o;;[o; ;[o;;[I"dd-placeholder; T; iT; @ ;0;o;;{; iT; @ ; iT; @ ;[o; ;[I"background; T;o;4 ;0;5{ ;6iñ;7iñ;8iñ;9i; iU;@ ;i;%;&;[; iU; @ ;@ o; ;[I" &:after; T;i;o;;[o;;[o; ;[o;); iW; @ o;* ;+;,;[I" after; T;-0; iW; @ ;0;o;;{; iW; @ ; iW; @ ;[o; ;[I"margin-left; T;o; ;i_; [I"px; T;![; iX;"I" 90px; F;@ ;i;%;&;[; iX; @ ;@ ; iW; @ ;.T;@ ; iT; @ ;.T;@ ; iM; @ ;.T;@ ; i=; @ ;.T;@ ; i*; @ ;.T;@ o; ;[I".dd-collapsed .dd-list; T;i;o;;[o;;[o; ;[o;;[I"dd-collapsed; T; iZ; @ ;0;o;;{; iZ; @ o; ;[o;;[I" dd-list; T; iZ; @ ;0;o;;{; iZ; @ ; iZ; @ ;[o; ;[I" display; T;o;' ;I" none; T; ;(; i[;@ ;i;%;&;[; i[; @ ;@ ; iZ; @ ;.T;@ o; ;[I" .dd-item; T;i;o;;[o;;[o; ;[o;;[I" dd-item; T; i]; @ ;0;o;;{; i]; @ ; i]; @ ;[o; ;[I"border-bottom; T;o; ;[o; ;i; [I"px; T;![; i^;"I"1px; F;@ o;' ;I" solid; T; ;(; i^;@ o;4 ;0;5{ ;6iÝ;7iÝ;8iÝ;9i; i^;@ ;#;$; i^;@ ;i;%;&;[; i^; @ ;@ ; i]; @ ;.T;@ o; ;[I").dd-item, .dd-empty, .dd-placeholder; T;i;o;;[o;;[o; ;[o;;[I" dd-item; T; i`; @ ;0;o;;{; i`; @ o;;[o; ;[o;;[I" dd-empty; T; i`; @ ;0;o;;{; i`; @ o;;[o; ;[o;;[I"dd-placeholder; T; i`; @ ;0;o;;{; i`; @ ; i`; @ ;[o; ;[I" margin; T;o; ;i; [;!@#; ia;"I"0; F;@ ;i;%;&;[; ia; @ ;@ o; ;[I" padding; T;o; ;i; [;!@#; ib;"I"0; F;@ ;i;%;&;[; ib; @ ;@ o; ;[I" position; T;o;' ;I" relative; T; ;(; ic;@ ;i;%;&;[; ic; @ ;@ ; i`; @ ;.T;@ o; ;[I".dd-placeholder, .dd-empty; T;i;o;;[o;;[o; ;[o;;[I"dd-placeholder; T; ie; @ ;0;o;;{; ie; @ o;;[o; ;[o;;[I" dd-empty; T; ie; @ ;0;o;;{; ie; @ ; ie; @ ;[ o; ;[I"background; T;o;4 ;0;5{ ;6iü;7iü;8iü;9i; if;@ ;i;%;&;[; if; @ ;@ o; ;[I" margin; T;o; ;i; [;!@#; ig;"I"0; F;@ ;i;%;&;[; ig; @ ;@ o; ;[I" padding; T;o; ;i; [;!@#; ih;"I"0; F;@ ;i;%;&;[; ih; @ ;@ o;/ ;I"box-sizing; T;0[o;' ;I"border-box; T; ;(; ii;@ ;2{;30;[; ii; @ ;@ ; ie; @ ;.T;@ o; ;[I".dd-empty; T;i;o;;[o;;[o; ;[o;;[I" dd-empty; T; ik; @ ;0;o;;{; ik; @ ; ik; @ ;[o; ;[I"background; T;o;4 ;0;5{ ;6i;7i;8iÿ;9i; il;@ ;i;%;&;[; il; @ ;@ o; ;[I"min-height; T;o; ;ii; [I"px; T;![; im;"I" 100px; F;@ ;i;%;&;[; im; @ ;@ ; ik; @ ;.T;@ o; ;[I".dd-item-inner; T;i;o;;[o;;[o; ;[o;;[I"dd-item-inner; T; io; @ ;0;o;;{; io; @ ; io; @ ;[ o; ;[I" padding; T;o; ;[o; ;i; [I"px; T;![; ip;"I" 10px; F;@ o; ;i-; [I"px; T;![; ip;"I" 40px; F;@ ;#;$; ip;@ ;i;%;&;[; ip; @ ;@ o; ;[I"text-decoration; T;o;' ;I" none; T; ;(; iq;@ ;i;%;&;[; iq; @ ;@ o; ;[I"a; T;i;o;;[o;;[o; ;[o:Sass::Selector::Element ;[I"a; T:@namespace0; is; @ ;0;o;;{; is; @ ; is; @ ;[o; ;[I" margin; T;o; ;i; [;!@#; it;"I"0; F;@ ;i;%;&;[; it; @ ;@ ; is; @ ;.T;@ o; ;[I"+a.sortable-link, a.sortable-link:hover; T;i;o;;[o;;[o; ;[o;= ;[I"a; T;>0; iv; @ o;;[I"sortable-link; T; iv; @ ;0;o;;{; iv; @ o;;[o; ;[o;= ;[I"a; T;>0; iv; @ o;;[I"sortable-link; T; iv; @ o;* ;+;,;[I" hover; T;-0; iv; @ ;0;o;;{; iv; @ ; iv; @ ;[ o; ;[I" color; T;o;; ;I"primary-color; T;0; i|; @ ;0;o;;{; i|; @ ; i|; @ ;[o; ;[I"font-size; T;o; ;i; [I"px; T;![; i};"I" 13px; F;@ ;i;%;&;[; i}; @ ;@ o; ;[I"font-weight; T;o; ;i; [;!@#; i~;"I"400; F;@ ;i;%;&;[; i~; @ ;@ o; ;[I"margin-left; T;o; ;i; [I"px; T;![; i;"I" 13px; F;@ ;i;%;&;[; i; @ ;@ ; i|; @ ;.T;@ ; iv; @ ;.T;@ ; io; @ ;.T;@ o; ;[I".dd-dragel; T;i;o;;[o;;[o; ;[o;;[I"dd-dragel; T; i|; @ ;0;o;;{; i|; @ ; i|; @ ;[ o; ;[I"pointer-events; T;o;' ;I" none; T; ;(; i};@ ;i;%;&;[; i}; @ ;@ o; ;[I" position; T;o;' ;I" absolute; T; ;(; i~;@ ;i;%;&;[; i~; @ ;@ o; ;[I" z-index; T;o; ;i'; [;!@#; i;"I" 9999; F;@ ;i;%;&;[; i; @ ;@ o; ;[I"& > .dd-item .dd-handle; T;i;o;;[o;;[ o; ;[o;); i; @ ;0;o;;{; i; @ I">; To; ;[o;;[I" dd-item; T; i; @ ;0;o;;{; i; @ o; ;[o;;[I"dd-handle; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o; ;[I"margin-top; T;o; ;i; [;!@#; i‚;"I"0; F;@ ;i;%;&;[; i‚; @ ;@ ; i; @ ;.T;@ ; i|; @ ;.T;@ o; ;[I".dd-item > button; T;i;o;;[o;;[o; ;[o;;[I" dd-item; T; i„; @ ;0;o;;{; i„; @ I">; To; ;[o;= ;[I" button; T;>0; i„; @ ;0;o;;{; i„; @ ; i„; @ ;[o; ;[I"background; T;o;' ;I"transparent; T; ;(; i…;@ ;i;%;&;[; i…; @ ;@ o; ;[I" border; T;o; ;i; [;!@#; i†;"I"0; F;@ ;i;%;&;[; i†; @ ;@ o; ;[I" cursor; T;o;' ;I" pointer; T; ;(; i‡;@ ;i;%;&;[; i‡; @ ;@ o; ;[I" display; T;o;' ;I" block; T; ;(; iˆ;@ ;i;%;&;[; iˆ; @ ;@ o; ;[I" float; T;o;' ;I" left; T; ;(; i‰;@ ;i;%;&;[; i‰; @ ;@ o; ;[I"font-size; T;o; ;i; [I"px; T;![; iŠ;"I"9px; F;@ ;i;%;&;[; iŠ; @ ;@ o; ;[I" height; T;o; ;i9; [I"px; T;![; i‹;"I" 52px; F;@ ;i;%;&;[; i‹; @ ;@ o; ;[I"line-height; T;o; ;i; [I"px; T;![; iŒ;"I" 20px; F;@ ;i;%;&;[; iŒ; @ ;@ o; ;[I" overflow; T;o;' ;I" hidden; T; ;(; i;@ ;i;%;&;[; i; @ ;@ o; ;[I"margin-left; T;o; ;i; [I"px; T;![; iŽ;"I" 10px; F;@ ;i;%;&;[; iŽ; @ ;@ o; ;[I" padding; T;o; ;i; [;!@#; i;"I"0; F;@ ;i;%;&;[; i; @ ;@ o; ;[I" position; T;o;' ;I" relative; T; ;(; i;@ ;i;%;&;[; i; @ ;@ o; ;[I"text-align; T;o;' ;I" center; T; ;(; i‘;@ ;i;%;&;[; i‘; @ ;@ o; ;[I"text-indent; T;o; ;ii; [I"%; T;![; i’;"I" 100%; F;@ ;i;%;&;[; i’; @ ;@ o; ;[I"white-space; T;o;' ;I" nowrap; T; ;(; i“;@ ;i;%;&;[; i“; @ ;@ o; ;[I" width; T;o; ;i#; [I"px; T;![; i”;"I" 30px; F;@ ;i;%;&;[; i”; @ ;@ o; ;[I" &:before; T;i;o;;[o;;[o; ;[o;); i–; @ o;* ;+;,;[I" before; T;-0; i–; @ ;0;o;;{; i–; @ ; i–; @ ;[ o; ;[I" color; T;o;; ;I"primary-color; T;0:@operatorI"=; T;[I""collapse"; T: @flags0; i ; @ o;* ;+;,;[I" before; T;-0; i ; @ ;0;o;;{; i ; @ ; i ; @ ;[o; ;[I" content; T;o;' ;I"X; T; ;:; i¡;@ ;i;%;&;[; i¡; @ ;@ ; i ; @ ;.T;@ ; i„; @ ;.T;@ :@templateI"® // Sortable lists .dd margin: 0 -40px overflow: hidden position: relative & > .dd-list > .dd-item:first-child border-top: none .dd-item-inner.dd-handle cursor: move .dd-item-inner .sortable-link @include transform(translateX(-26px)) @include transition(all .2s ease) .dd-item-inner.dd-handle .sortable-link @include transform(translateX(0)) .dd-item-inner:before color: #ccc content: "7" display: inline-block font-family: $icon-font height: 18px opacity: 0 vertical-align: middle width: 26px @include transform(translateX(-26px)) @include transition(all .2s ease) .dd-item-inner.dd-handle:before opacity: 1 @include transform(translateX(0)) .dd-list list-style: none margin: 0 padding: 0 position: relative .dd-placeholder position: relative &:after border: 1px dashed #ddd content: " " display: block height: 100% margin-left: 0px top: 0px width: 100% @include box-sizing(border-box) .dd-list background: #f9f9f9 border-top: 1px solid #ddd .dd-placeholder background: #f9f9f9 &:after margin-left: 60px .dd-item:last-child border-bottom: none .dd-item padding-left: 30px .dd-list background: #f1f1f1 margin-left: -30px .dd-item padding-left: 60px .dd-placeholder background: #f1f1f1 &:after margin-left: 90px .dd-collapsed .dd-list display: none .dd-item border-bottom: 1px solid #ddd .dd-item, .dd-empty, .dd-placeholder margin: 0 padding: 0 position: relative .dd-placeholder, .dd-empty background: #fcfcfc margin: 0 padding: 0 @include box-sizing(border-box) .dd-empty background: blue min-height: 100px .dd-item-inner padding: 10px 40px text-decoration: none a margin: 0 a.sortable-link, a.sortable-link:hover color: $primary-color font-size: 13px font-weight: 600 padding-left: 0 small font-size: 13px font-weight: 400 margin-left: 13px .dd-dragel pointer-events: none position: absolute z-index: 9999 & > .dd-item .dd-handle margin-top: 0 .dd-item > button background: transparent border: 0 cursor: pointer display: block float: left font-size: 9px height: 52px line-height: 20px overflow: hidden margin-left: 10px padding: 0 position: relative text-align: center text-indent: 100% white-space: nowrap width: 30px &:before color: $primary-color content: "t" display: block font-family: $icon-font position: absolute text-align: center text-indent: 0 width: 100% &[data-action="collapse"]:before content: "X" ; T;.T;@