JSFiddle - React, Tailwind, and code Playground

by Girisha Chennura

HTML

<div class="page-bg"></div>
    <!-- Begin page content -->
    <div class="container">
      <div class="page-header">
        <h1>Tips</h1>
      </div>
      
  <div class="row-fluid">
    <div class="span11">
      <h2><a href="/posts/2013-03-17-git-checkout-previous-branch/">Git checkout previous branch</a></h2>
    </div>
  </div>
  <div class="row-fluid">
  	<div class="span1">
      <div class="muted">March 20, 2013</div>
  	</div>
    <div class="span10">
      <div class="content">
      	<p>Execute this command to go back to the previous branch</p>

<pre><code>git checkout -
</code></pre>

      </div>
    </div>
  </div>

  <div class="row-fluid">
    <div class="span11">
      <h2><a href="/posts/2013-03-17-remove-branches-merged-into-master/">Remove branches merged into master</a></h2>
    </div>
  </div>
  <div class="row-fluid">
  	<div class="span1">
      <div class="muted">March 19, 2013</div>
  	</div>
    <div class="span10">
      <div class="content">
      	<p>Run the following command to remove all tracking branches that are merged to master</p>

<pre><code>git branch --merged master | sed /master/d | xargs -n 1 git branch -d
</code></pre>

      </div>
    </div>
  </div>

    </div>

CSS

/* Custom page CSS
-------------------------------------------------- */


.content {
    background:#FFF;
    box-shadow:0 0 0 5px rgba(0,0,0,0.2);
    margin:150px;
    position:relative;
    z-index:10;
    padding:50px;
}

.content:after {
    display:block;
    position:absolute;
    background:gray;
    box-shadow:0 0 0 5px rgba(0,0,0,0.4);
    top:-90px;
    left:-90px;
    width:100%;
    height:100%;
    z-index:-2;
}