Sha256: dfde41ec6378338ecb1916771a69464bd20c22e9bc272f93b10e3e1de5f2edc3

Contents?: true

Size: 820 Bytes

Versions: 50

Compression:

Stored size: 820 Bytes

Contents

/*------------------------------------*\
    #IMAGES
\*------------------------------------*/

/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img{
    max-width: 100%; /* [1] */
    font-style: italic; /* [2] */
    vertical-align: middle; /* [3] */
}



/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
.gm-style img, /* [1] */
img[width], /* [2] */
img[height] {  /* [2] */
    max-width: none;
}

Version data entries

50 entries across 50 versions & 1 rubygems

Version Path
wrgem-0.0.55 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.54 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.53 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.52 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.51 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.50 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.49 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.48 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.47 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.46 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.45 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.44 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.43 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.42 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.41 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.40 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.39 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.38 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.37 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.35 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss