From 6d5b6fee627963df497aec2fb024eb65d9fcc024 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 2 Mar 2017 18:17:25 +0800 Subject: Change Chips div to label --- docs/css/spectre.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) (limited to 'docs/css/spectre.css') diff --git a/docs/css/spectre.css b/docs/css/spectre.css index 97b480c..23424be 100644 --- a/docs/css/spectre.css +++ b/docs/css/spectre.css @@ -1679,6 +1679,7 @@ code { padding: .1em 0; } .avatar { + background: #5764c6; border-radius: 50%; color: #fff; display: inline-block; @@ -1692,12 +1693,12 @@ code { width: 3.2rem; } .avatar.avatar-xs { - font-size: 1.2rem; + font-size: 1.4rem; height: 1.6rem; width: 1.6rem; } .avatar.avatar-sm { - font-size: 1.2rem; + font-size: 1rem; height: 2.4rem; width: 2.4rem; } @@ -1707,7 +1708,7 @@ code { width: 4.8rem; } .avatar.avatar-xl { - font-size: 2.8rem; + font-size: 2.6rem; height: 6.4rem; width: 6.4rem; } @@ -1736,12 +1737,13 @@ code { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); + vertical-align: middle; z-index: 1; } .avatar.avatar-xs[data-initial]::before { - -webkit-transform: translate(-50%, -50%) scale(.65); - -ms-transform: translate(-50%, -50%) scale(.65); - transform: translate(-50%, -50%) scale(.65); + -webkit-transform: translate(-50%, -50%) scale(.5); + -ms-transform: translate(-50%, -50%) scale(.5); + transform: translate(-50%, -50%) scale(.5); } .badge { display: inline-block; -- cgit v1.3.1-23-gd82d