A Pen by Clinton Halpin.

cDdst.markdown

cDdst

A Pen by Clinton Halpin on CodePen.

License.

index.html

<h1>Codepen Styleguide</h1>

<div class="example">
  <a href="#" class="btn btn-primary">Primary Button</a>
  <a href="http://codepen.io/clintonhalpin/pen/ixAwJ" target="_blank">Edit Buttons Pen</a>
</div>
<div class="example">
  <input placeholder="Enter Stuff...">
  <a href="http://codepen.io/clintonhalpin/pen/yqKkx" target="_blank">Edit Forms Pen</a>
</div>

style.scss

// Import CSS from External Code Pens

@import 'http://codepen.io/clintonhalpin/pen/ixAwJ.scss';
@import 'http://codepen.io/clintonhalpin/pen/yqKkx.scss';


















* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

html,
body {
  width: auto;
  margin: 10px;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial;
}

a {
  color: #0074D9;
  text-decoration: none;
  display: block;
  margin: 10px 0;
}

.example {
  margin: 20px 0;
  border: 1px solid #CCC;
  padding: 20px;
}