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.32 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.31 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.30 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.29 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.28 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.27 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.26 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.25 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.24 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.23 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.22 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.21 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.20 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.19 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.18 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.17 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.15 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.14 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.13 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss
wrgem-0.0.12 lib/generators/wrstart/template/vendor/assets/components/inuit-images/_base.images.scss