From aab330eb2d39711e19753e89ba7ff67521929cf0 Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Sun, 6 Mar 2016 12:34:39 +0100 Subject: Adjusting design of public pages, optimizing account page queries --- app/assets/stylesheets/accounts.scss | 42 ++++++++++++++++++++++++++++++------ 1 file changed, 36 insertions(+), 6 deletions(-) (limited to 'app/assets/stylesheets/accounts.scss') diff --git a/app/assets/stylesheets/accounts.scss b/app/assets/stylesheets/accounts.scss index 89fa8f5bc..b9633f074 100644 --- a/app/assets/stylesheets/accounts.scss +++ b/app/assets/stylesheets/accounts.scss @@ -1,14 +1,10 @@ .card { background: $primary-color image-url('background-photo.jpeg'); background-size: cover; - padding: 80px 0; - padding-bottom: 30px; + padding: 60px 0; + padding-bottom: 10px; border-radius: 4px 4px 0 0; - .bio { - - } - .name { display: block; font-size: 20px; @@ -37,4 +33,38 @@ border-radius: 120px; } } + + .details { + display: flex; + margin-top: 30px; + } + + .counter { + width: 80px; + color: #9baec8; + padding: 0 10px; + border-right: 1px solid #9baec8; + cursor: default; + + .counter-label { + font-size: 12px; + text-transform: uppercase; + display: block; + margin-bottom: 5px; + } + + .counter-number { + font-weight: 500; + font-size: 18px; + color: #fff; + } + } + + .bio { + flex: 1; + font-size: 14px; + line-height: 18px; + padding: 5px 10px; + color: #d9e1e8; + } } -- cgit