Sha256: 23082da4ec9a6d0d40be936b389105ebe3b31d6674950479d5062997e8d69c1e
Contents?: true
Size: 1.29 KB
Versions: 15
Compression:
Stored size: 1.29 KB
Contents
// @page Pattern Library/Utilities
// @name Images
//
// @description
// Helpful image classes for making images full width or floating within content.
//
// @state .us-img--full - Full width image.
// @state .us-img--left - Left floated image.
// @state .us-img--right - Right floated image.
//
// @markup
// <p>
// <img class="{$modifiers}" src="https://assets0.uswitch.com/s3/uswitch-wp-cms-assets/money/guides/wp-content/uploads/2014/11/DB2011AU01018_SMALL.jpg" width="400">
// Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mattis sit amet magna porta mollis. Pellentesque id pretium quam. Proin nec blandit ligula. Sed lectus orci, mattis ac hendrerit at, ultrices eget metus. Vestibulum dignissim venenatis malesuada. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent eget convallis urna, at ultrices ligula. Donec bibendum, lectus at consequat feugiat, nisi leo tincidunt purus, et condimentum lorem diam scelerisque neque. Nam imperdiet aliquet arcu a rhoncus.
// </p>
.us-img--full {
display: block;
height: auto;
max-width: 100%;
min-width: 100%;
}
.us-img--left {
@extend %float-left;
margin-right: 1em;
margin-bottom: 1em;
}
.us-img--right {
@extend %float-right;
margin-bottom: 1em;
margin-left: 1em;
}
Version data entries
15 entries across 15 versions & 2 rubygems