From a1ffd02e875688be475b9d294c9d6b2bc2018a2f Mon Sep 17 00:00:00 2001 From: jlukic Date: Fri, 8 Nov 2013 20:03:05 -0500 Subject: [PATCH] avatar uses image spacing --- server/documents/elements/image.html.eco | 28 ++++++++++++---------- server/documents/elements/segment.html.eco | 2 +- server/files/stylesheets/semantic.css | 3 +++ src/elements/image.less | 2 +- 4 files changed, 20 insertions(+), 15 deletions(-) diff --git a/server/documents/elements/image.html.eco b/server/documents/elements/image.html.eco index 74b0feb05..57c44b957 100755 --- a/server/documents/elements/image.html.eco +++ b/server/documents/elements/image.html.eco @@ -81,19 +81,21 @@ type : 'UI Element'

Sizes

An image may be formatted to be different sizes

- - -
- - -
- - -
- - -
- + +
+ +
+ +
+ +
+ +
+ +
+ +
+
diff --git a/server/documents/elements/segment.html.eco b/server/documents/elements/segment.html.eco index a3039a30d..3317e11a8 100755 --- a/server/documents/elements/segment.html.eco +++ b/server/documents/elements/segment.html.eco @@ -172,7 +172,7 @@ type : 'UI Element' -
+

Floated

A segment cant sit to the left or right of other content

diff --git a/server/files/stylesheets/semantic.css b/server/files/stylesheets/semantic.css index b24bac442..c0bdf25cb 100755 --- a/server/files/stylesheets/semantic.css +++ b/server/files/stylesheets/semantic.css @@ -1032,6 +1032,9 @@ body.guide .main.container > * { #example .no.example i.code { display: none; } +#example .clearing.example { + overflow: hidden; +} #example .example:first-child, #example h2 + .example, diff --git a/src/elements/image.less b/src/elements/image.less index 373f14c7b..966638613 100755 --- a/src/elements/image.less +++ b/src/elements/image.less @@ -140,7 +140,7 @@ img.ui.image { .ui.avatar.images img, .ui.avatar.image img, .ui.avatar.image { - margin-right: 0.5em; + margin-right: @imageSpacing; display: inline-block; width: @avatarSize;