dallasbpeters

@mixin respond-to($media) {
  @if $media == handhelds {
    @media only screen and (max-width: 479px) { @content; }
  }
  @else if $media == wide-handhelds {
    @media only screen and (min-width: 480px) and (max-width: 767px) { @content; }
  }
  @else if $media == tablets {
    @media only screen and (min-width: 768px) and (max-width: 959px) { @content; }
  }

dallasbpeters

#header {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: rgba(59,89,152,0.8);
    padding: 0;

dallasbpeters

p {
    padding:.5em;
    margin:1em;
    -webkit-animation: target-fade 3s 1;
    -moz-animation: target-fade 3s 1;
}

@-webkit-keyframes target-fade {
    0% { background-color: rgba(239,203,96,0); }
    30% { background-color: rgba(239,203,96,.4); }

dallasbpeters

:javascript
      (function() {
        var config = {
          kitId: 'XXXXXXX',
          scriptTimeout: 3000
        };
        var h=document.getElementsByTagName("html")[0];h.className+=" wf-loading";var t=setTimeout(function(){h.className=h.className.replace(/(\s|^)wf-loading(\s|$)/g," ");h.className+=" wf-inactive"},config.scriptTimeout);var tk=document.createElement("script"),d=false;tk.src='//use.typekit.net/'+config.kitId+'.js';tk.type="text/javascript";tk.async="true";tk.onload=tk.onreadystatechange=function(){var a=this.readyState;if(d||a&&a!="complete"&&a!="loaded")return;d=true;clearTimeout(t);try{Typekit.load(config)}catch(b){}};var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(tk,s)
      })();

dallasbpeters

.wf-loading {
  /* styles to use before Typekit is loaded */
}
 
.wf-active {
  /* styles to use after Typekit is loaded */
}

dallasbpeters

   iOSCheckbox.prototype.optionallyResize = function(mode) {
       var newWidth, offLabelWidth, offSpan, onLabelWidth, onSpan;
+      var minSize = 30;
 
       onSpan = this.onLabel.find('span');
       onLabelWidth = this._getDimension(onSpan, "width");
+      if (onLabelWidth < minSize) { onLabelWidth = minSize; }
       onLabelWidth += parseInt(onSpan.css('padding-left'), 10);
       offSpan = this.offLabel.find('span');
       offLabelWidth = this._getDimension(offSpan, "width");

dallasbpeters

// the colors from Solarized that I use. ;)
$base03:    #002b36;
$base02:    #073642;
$base01:    #586e75;
$base00:    #657b83;
$base0:     #839496;
$base1:     #93a1a1;
$base2:     #eee8d5;
$base3:     #fdf6e3;
$yellow:    #b58900;

dallasbpeters

@mixin image-2x($image, $width, $height) {
  @media (min--moz-device-pixel-ratio: 1.3),
         (-o-min-device-pixel-ratio: 2.6/2),
         (-webkit-min-device-pixel-ratio: 1.3),
         (min-device-pixel-ratio: 1.3),
         (min-resolution: 1.3dppx) {
    /* on retina, use image that's scaled by 2 */
    background-image: url($image);
    background-size: $width $height;
  }