procload

.about-page {
  .content-header {
    background: $white;
    padding: calc-em(30px);
    width: 33%;
    @include respond-to('30em') {
      padding: calc-em(15px);
      width: 50%;
    } //30-em breakpoint
  } //content-header

procload

stylesheets
│   ├── screen.scss
│   └── print.scss
├── pages
│   ├── about.scss
│   ├── blog.scss
│   ├── contact.scss
│   ├── home.scss
│   └── listings.scss
├── partials

procload

.about {
  .content-block {
    padding: calc-em(20px) 0;
  } //content-block
} //about

procload

module Public::BidsHelper
  
  def bid_status_for(item, user = nil)
    user ||= current_user
    if item.high_bid_user_id.eql?(user.id)
<<<<<<< HEAD
      html = %Q{<i class="icon-trophy winning"></i>}
    elsif item.bids.where(user_id: user.id).any?
      html = %q{<i class="icon-ban-circle outbid"></i>}
=======

procload

// MATH & LAYOUT
// --------------------------------------------------
@function calc-em($target-px, $context: $base-font-size) {
  @return ($target-px / $context) * 1em;
}

/* One-true layout hack for equal height columns */
@mixin equalize-column {
  margin-bottom: -99999px;
  padding-bottom: 99999px; 

procload

def count_letters(given_string)
  given_arr = given_string.split('')
  puts "String length: #{given_arr.length}"
  hsh = {}

  given_arr.each do |character|
    hsh[character] = hsh.fetch(character,0) + 1
  end

  hsh.each_pair do |key, val|

procload

@mixin respond-to($viewport-width, $ie-version: 'lt-ie9') {
  @media only screen and (min-width: $viewport-width) {
    @content;
  }
  @if $ie-version == 'lt-ie9' { 
    html.lt-ie9 & { // Using Paul Irish's conditional comments
      @content;
    }
  }

procload

@mixin respond-to($viewport-width, $ie-version: 'lt-ie9') {
  @media only screen and (min-width: $viewport-width) {
    @content;
  }
  @if $ie-version == 'lt-ie9' { 
    html.lt-ie9 & { // Using Paul Irish's conditional comments
      @content;
    }
  }
  @else if $ie-version == 'lt-ie8' {

procload

      <div class="h-card">
        <div class="photo">
          <%= image_tag 'http://placehold.it/150x190', class: 'u-photo' %>
          <%= link_to '<i class="icon-search"></i> Hi-res', '#', class: 'hi-res' %>
        </div> <!-- /photo -->
        <div class="details">
          <a class="p-name" href="http://example.org">Marc E. Rothenberg, MD, PHD </a>
          <p class="p-job-title">Director, Division of Allergy and Immunology</p>
          <p class="p-job-title">Director, Cincinnati Center for Eosinophilic Disorders</p>
          <p class="p-job-title">Program Director, CHRCDA (K12)</p>

procload

  .product-listing {
    @extend %group;
    .product {
      @include respond-to(36.25em) {
        //580px
        @include span-columns(8); 
        @include nth-omega(2n);
      }

      @include respond-to(47.5em) {