05/05: website: news: Add 'inline-image' class.

[Ludovic Courtès]

civodul pushed a commit to branch master
in repository guix-artwork.

commit 36120d6ed6402a4f380a8217fb5cb81b9967a957
Author: Ludovic Courtès <address@hidden>
Date:   Thu Nov 10 23:15:00 2016 +0100

    website: news: Add 'inline-image' class.
    
    This is a followup to 4c322d36bc02e5e35464afa753fbf1b1da9de8f6, which
    had the unintended effect of moving the logo in the top banner to the
    right.
    
    * website/posts/growing-our-build-farm.html: Use the 'inline-image'
    class.
    * website/static/base/css/news.css (.inline-image): New category.
---
 website/posts/growing-our-build-farm.html |    3 ++-
 website/static/base/css/news.css          |    4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/website/posts/growing-our-build-farm.html 
b/website/posts/growing-our-build-farm.html
index eaa69a6..7472a96 100644
--- a/website/posts/growing-our-build-farm.html
+++ b/website/posts/growing-our-build-farm.html
@@ -70,7 +70,8 @@ author: Andreas Enge
 </p>
 <p>
   <img 
src="https://www.gnu.org/software/guix/static/base/img/blog/20161110-server-interior.jpg";
-       alt="Interior of the server." />
+       alt="Interior of the server."
+       class="inline-image" />
 
   The interior looks very tidy to my untrained eyes.  This is not only a
   good sign for the vendor's professionalism, but according to Thomas
diff --git a/website/static/base/css/news.css b/website/static/base/css/news.css
index 370a5e1..f0383e2 100644
--- a/website/static/base/css/news.css
+++ b/website/static/base/css/news.css
@@ -30,14 +30,14 @@ p {
     hyphens: auto;
 }
 
-img {
+.inline-image {
     display: block;
     margin: auto;
     padding: 20px;
 }
 
 @media screen and (min-width: 1024px) {
-    img {
+    .inline-image {
        float: right;
        margin-left: 20px;
        padding: 0px;