/* Base CSS */
.codeExample,.jsExample{border:1px solid #ccc;border-radius:4px;margin:10px 0}.jsExample{border-top:0}.codeExample:before,.jsExample:before{font-family:OpenSans,sans-serif;color:#222;border:1px solid #ccc;border-radius:4px 0;position:relative;padding:2px;display:block}.codeExample:before{content:"Example";background-color:#f9f9f9;width:60px;top:-1px;left:-1px}.jsExample:before{content:"JS Example";background-color:#fff;width:80px;top:-11px;left:-11px}.codeBlock,.exampleOutput{padding:10px}.codeBlock{background-color:#f9f9f9;border-top:1px solid #ccc;border-bottom-left-radius:4px;border-bottom-right-radius:4px}table .codeBlock{background-color:transparent;border-top:none;border-radius:0}.docSwatch{min-height:218.21px;border:1px solid #ccc;padding:10px 0 0 10px;font-size:12px;margin-bottom:5px}.codeExample .line>div:after{content:attr(class);display:block;min-height:40px;line-height:40px;background-color:#EEE;text-align:center;border-radius:3px;font-size:12px}table,table td,table th,table tr{padding:7px;border:1px solid #ccc}table th{font-weight:700}

/* Github stylesheet */
.c,.c1,.cm,.cp,.cs,.ge{font-style:italic}.cp,.cs,.gs,.k,.kt,.nc,.nd,.ne,.nf,.nl,.o,.ow{font-weight:700}hll{background-color:#ffc}.c{color:#998}.err{color:#a61717;background-color:#e3d2d2}.k,.o{color:#000}.cm{color:#998}.cp{color:#999}.c1{color:#998}.cs{color:#999}.gd,.ge{color:#000}.gd{background-color:#fdd}.gr{color:#a00}.gh{color:#999}.gi{color:#000;background-color:#dfd}.go{color:#888}.gp{color:#555}.gu{color:#aaa}.gt{color:#a00}.kc,.kd,.kn,.kp,.kr{color:#000;font-weight:700}.kt{color:#458}.m{color:#099}.s{color:#d01040}.na{color:teal}.nb{color:#0086B3}.nc{color:#458}.no{color:teal}.nd{color:#3c5d5d}.ni{color:purple}.ne,.nf,.nl{color:#900}.nn{color:#555}.nt{color:navy}.nv{color:teal}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#099}.s2,.sb,.sc,.sd,.se,.sh,.si,.sx{color:#d01040}.sr{color:#009926}.s1{color:#d01040}.ss{color:#990073}.bp{color:#999}.vc,.vg,.vi{color:teal}.il{color:#099}

/* Navbar */
.navbar li {
  padding-left: 0;
  background: none;
}
.navbar li + li { margin-top: 0; }

/* Titles */
h1.styleguide { margin-bottom: 40px; }
h1.styleguide:not(:first-child):before {
	content: "";
    display: block;
    width: 80px; height: 4px;
    margin: 70px 0 50px;
    background: #ccc;
}

.sticky {
    position: sticky;
    top:0;
}
.square {
  width: 50px; height: 50px;
  box-shadow: 0 0 5px #000;
}