From dea5ea1d6707b4ed290062af28ea5a68967271e0 Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Thu, 25 Oct 2018 18:42:34 +0200 Subject: [PATCH] scss/cards: better styling for the avatar --- scss/_cards.scss | 8 +++++++- style.css | 7 ++++++- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/scss/_cards.scss b/scss/_cards.scss index 5a8f31c..c0aef91 100644 --- a/scss/_cards.scss +++ b/scss/_cards.scss @@ -89,6 +89,7 @@ border: 0; background-color:#eeeeec; margin-bottom:1.2em; + @include li-no-margin(); &.media { -ms-flex-align: center !important; @@ -98,7 +99,12 @@ .media-left .media-object { height: 64px; width: 64px; - border-radius: 10px; + border-radius: 100%; + margin-right:1em; + } + + img.avatar { + border-radius: 100%; margin-right:1em; } diff --git a/style.css b/style.css index 21e82c0..815a262 100644 --- a/style.css +++ b/style.css @@ -724,13 +724,18 @@ ul.social { border: 0; background-color: #eeeeec; margin-bottom: 1.2em; } + .card-meta li { + margin: 0; } .card-meta.media { -ms-flex-align: center !important; align-items: center !important; } .card-meta .media-left .media-object { height: 64px; width: 64px; - border-radius: 10px; + border-radius: 100%; + margin-right: 1em; } + .card-meta img.avatar { + border-radius: 100%; margin-right: 1em; } .card-meta author { display: block;