btholt

/*

  To make responsive images easy.
  
  Sample use:
  
  <style>
    .responsive-image {
      width: 100%;
      height: 0px;

btholt

/*

Nice little SCSS mixin for quick responsive mixins for a property. This also dependent on what your break points look like. I have three called $venti, $grande, and $tall. Just change those to be whatever Sass breakpoint variables you have set-up. If you use to value 'no' it won't output anything in that breakpoint.

Example use:
.my-class {
  @include responsive-prop(font-size, 16pt, 12pt, 8pt);
  @include responsive-prop(border-bottom, 3px solid gray, 1px solid gray, no);
}