assets/stylesheets/semantic_ui/definitions/elements/image.less in less-rails-semantic_ui-1.12.3.0 vs assets/stylesheets/semantic_ui/definitions/elements/image.less in less-rails-semantic_ui-2.0.0.0

- old
+ new

@@ -11,11 +11,11 @@ /*! * # Semantic UI - Image * http://github.com/semantic-org/semantic-ui/ * * - * Copyright 2014 Contributors + * Copyright 2015 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * */ @@ -114,15 +114,13 @@ /*-------------- Rounded ---------------*/ .ui.rounded.images .image, -.ui.rounded.images img, -.ui.rounded.images svg, -.ui.rounded.image img, -.ui.rounded.image svg, -.ui.rounded.image { +.ui.rounded.image, +.ui.rounded.images .image > *, +.ui.rounded.image > * { border-radius: @roundedBorderRadius; } /*-------------- Bordered @@ -145,15 +143,13 @@ .ui.circular.image { overflow: hidden; } .ui.circular.images .image, -.ui.circular.images img, -.ui.circular.images svg, -.ui.circular.image img, -.ui.circular.image svg, -.ui.circular.image { +.ui.circular.image, +.ui.circular.images .image > *, +.ui.circular.image > * { -webkit-border-radius: @circularRadius; -moz-border-radius: @circularRadius; border-radius: @circularRadius; } @@ -192,9 +188,28 @@ -webkit-border-radius: @circularRadius; -moz-border-radius: @circularRadius; border-radius: @circularRadius; } +/*------------------- + Spaced +--------------------*/ + +.ui.spaced.image { + display: inline-block !important; + margin-left: @spacedDistance; + margin-right: @spacedDistance; +} + +.ui[class*="left spaced"].image { + margin-left: @spacedDistance; + margin-right: 0em; +} + +.ui[class*="right spaced"].image { + margin-left: 0em; + margin-right: @spacedDistance; +} /*------------------- Floated --------------------*/