Contents

/**
 * Responsive WordPress Core Theme Styles
 * http://jeffsebring.com/responsive-wordpress-images/
--------------------------------------------------- */

img {
  max-width: 100%;
  height: auto;
  &[class*="align"], &[class*="wp-image-"] {
    max-width: 100%;
    height: auto;
  }
  &.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
  }
  &.alignright {
    margin-left: 1em 0 1em 1em;
  }
  &.alignleft {
    margin: 1em 1em 1em 0;
  }
  &.aligncenter {
    display: block;
    margin: 1em auto;
  }
  &#wpstats {
    display: block;
    margin: 0 auto;
  }
  &[class*="align"], &[class*="wp-image-"] {
    border: none;
  }
}

.gallery .gallery-icon img {
  border: none;
}

.wp-caption {
  margin-bottom: 1em;
  margin-left: 0;
  max-width: 96%;
  text-align: center;
  img {
    display: block;
    margin: 0 auto;
  }
}

.wp-caption-text {
  position: relative;
  font-size: .8em;
}

.gallery {
  margin: 0 auto;
  .gallery-item {
    margin: 0;
    float: left;
    text-align: center;
    width: 33%;
  }
  a img {
    border: none;
  }
}

.gallery-columns-4 .gallery-item {
  width: 25%;
  img {
    width: 100%;
    height: auto;
  }
}

// 16/9 embed
.entry-content-asset {
  @include responsive-embed(16/9);
}

@media only screen and (max-width: 800px) {
  embed, object {
    max-width: 100%;
  }
}

@media only screen and (max-width: 650px) {
  // 4/3 embed
  .entry-content-asset {
    @include responsive-embed(4/3);
  }
  .gallery-columns-3 .gallery-item {
    width: 33.33%;
    img {
      width: 100%;
      height: auto;
    }
  }
}

@media only screen and (max-width: 480px) {
  // default 1 ratio for a square embed
  .entry-content-asset {
    @include responsive-embed;
  }
  .gallery-columns-2 .gallery-item {
    width: 50%;
    img {
      width: 100%;
      height: auto;
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
wordpress-starter-0.3	stylesheets/wordpress/_responsive.scss
wordpress-starter-0.2	stylesheets/wordpress/_responsive.scss