Sha256: 8d4a56978882560ffb47b426413da6934624863c652dab3c60bc5dc405ce061d
Contents?: true
Size: 1.81 KB
Versions: 2
Compression:
Stored size: 1.81 KB
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 |