Skip to content

Instantly share code, notes, and snippets.

@natew
Created December 9, 2014 18:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save natew/d89650fe753f418650d6 to your computer and use it in GitHub Desktop.
Save natew/d89650fe753f418650d6 to your computer and use it in GitHub Desktop.
react diffing
<li class="ListItem" style="list-style:none;margin:0;padding:0;overflow:hidden;flex-flow:row;align-items:center;justify-content:space-between;min-height:44px;border-top:1px solid #c8c7cc;position:relative;padding-right:20px;" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2">
<span class="ListItem--wrapper" style="position:absolute;top:0;left:-10px;right:0;bottom:0;max-width:none;flex-flow:row;justify-content:flex-end;z-index:1;" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$27">
<a href="/kitchen/modals" style="position:absolute;top:0;left:-10px;right:0;bottom:0;max-width:none;flex-flow:row;justify-content:flex-end;z-index:1;" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$27.0">
<span style="color:#c8c7cc;width:12px;height:12px;overflow:hidden;margin:auto 8px auto 0;" class="Icon" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$27.0.0"><svg style="width:12px;height:12px;shape-rendering:initial;fill:currentColor;" viewBox="0 0 64 64" fill="#c8c7cc" stroke="#c8c7cc" stroke-width="8" stroke-linecap="round" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$27.0.0.0"><g data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$27.0.0.0.0"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/icons/svg/right.svg#Layer_1"></use></g></svg></span></a></span><span class="ListItem--content" style="flex-shrink:1;flex-grow:800;color:#000;padding:10px 10px 10px 0;position:relative;" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$29"><span class="ListItem--children" style="max-height:42px;font-size:17px;line-height:21px;overflow:hidden;-webkit-line-lamp:2px;-webkit-box-orient:vertical;color:#000;" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$29.$28">Modals</span></span></li>
<li class="ListItem" style="list-style:none;margin:0;padding:0;overflow:hidden;flex-flow:row;align-items:center;justify-content:space-between;min-height:44px;border-top:1px solid #c8c7cc;position:relative;padding-right:20px;" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2">
<span class="ListItem--wrapper" style="position:absolute;top:0;left:-10px;right:0;bottom:0;max-width:none;flex-flow:row;justify-content:flex-end;z-index:1;" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$30">
<a href="/kitchen/modals" style="position:absolute;top:0;left:-10px;right:0;bottom:0;max-width:none;flex-flow:row;justify-content:flex-end;z-index:1;" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$30.0">
<span style="color:#c8c7cc;width:12px;height:12px;overflow:hidden;margin:auto 8px auto 0;" class="Icon" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$30.0.0"><svg style="width:12px;height:12px;shape-rendering:initial;fill:currentColor;" viewBox="0 0 64 64" fill="#c8c7cc" stroke="#c8c7cc" stroke-width="8" stroke-linecap="round" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$30.0.0.0"><g data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$30.0.0.0.0"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/icons/svg/right.svg#Layer_1"></use></g></svg></span></a></span><span class="ListItem--content" style="flex-shrink:1;flex-grow:800;color:#000;padding:10px 10px 10px 0;position:relative;" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$32"><span class="ListItem--children" style="max-height:42px;font-size:17px;line-height:21px;overflow:hidden;-webkit-line-lamp:2px;-webkit-box-orient:vertical;color:#000;" data-reactid=".0.1.1:1.2:$=10:$0.1.0.2.1:$=12:$2.$32.$31">Modals</span></span></li>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment