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
--------------------*/