Skip to content

Instantly share code, notes, and snippets.

View justincron's full-sized avatar

Justin Cron justincron

View GitHub Profile
@justincron
justincron / sets.json
Last active August 23, 2017 14:07
Bootstrap Grid for GuideGuide
{"Default":{"name":"Default","sets":{"469eb8921edf75ed3360d5838f9585c0d7a82109":{"name":"Outline","string":"| ~ | (vFl)\n| ~ | (hFl)","id":"469eb8921edf75ed3360d5838f9585c0d7a82109"},"84676cd434499994ef5176c93d970e83079cbc6c":{"name":"Two column grid","string":"| ~ | ~ | (vFl)","id":"84676cd434499994ef5176c93d970e83079cbc6c"},"d521212626e4f9f144821a52dcdaf3e1f6c8cffd":{"name":"Three column grid","string":"| ~ | ~ | ~ | (vFl)","id":"d521212626e4f9f144821a52dcdaf3e1f6c8cffd"},"836d2a54511793c6f2ecdd3447f1c727e3c83925":{"name":"1170px Grid | 1570","string":"$v = | 65px | 15px | 15px |\n$vC = | 65px |\n200px | 15px | 15px | $v*11 | $vC | 15px | 15px | 200px ( vlp, | ~ )","id":"836d2a54511793c6f2ecdd3447f1c727e3c83925"},"8d6acf586750142b4cb4bb4b6f33244211159eb9":{"name":"970px Grids | 1370","string":"$v = | 48px | 15px | 15px |\n$vC = | 48px |\n200px | 17px | 15px | $v*11 | $vC | 15px | 17px | 200px ( vlp, | ~ )","id":"8d6acf586750142b4cb4bb4b6f33244211159eb9"},"544118008c2af25e65d782c499fbe42480cf8915":{"name":"7
@justincron
justincron / Subscribe-&-Social-Share-Buttons.markdown
Created February 19, 2015 00:53
Subscribe & Social Share Buttons

Subscribe & Social Share Buttons

Subscribe and Social Sharing button created with Twitter Bootstrap.

A Pen by Justin Cron on CodePen.

License.

@justincron
justincron / slidebox.html
Last active August 29, 2015 14:02
Slidebox
<!doctype html>
<div id="last"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="slidebox">
<a class="close"></a>
<h2>Like us on facebook!</h2>
<p></p>
@justincron
justincron / CSS
Created February 7, 2013 19:33
Cool twitter feed. You must use latest version of jquery to.
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
background: #eee;
margin: 5px;
padding: 30px;
.js-video {
height: 0;
padding-top: 25px;
padding-bottom: 67.5%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.js-video.widescreen {