currentfeature/docs
Last change
on this file since d24a64a was
ffd6bb5,
checked in by Segundo Fdez <segun.2@…>, 5 years ago
|
update profile header ui
|
-
Property mode set to
100644
|
File size:
1.5 KB
|
Line | |
---|
1 | .user-profile { |
---|
2 | .workout-options { |
---|
3 | .font-size(13); |
---|
4 | margin-right: 2em; |
---|
5 | } |
---|
6 | } |
---|
7 | |
---|
8 | .user-profile-account { |
---|
9 | background-color: @color-main-xtralight; |
---|
10 | padding: 2em 1em; |
---|
11 | @media (min-width: @screen-s){ |
---|
12 | padding: 2em 6em; |
---|
13 | } |
---|
14 | >div { |
---|
15 | display: flex; |
---|
16 | align-items: center; |
---|
17 | } |
---|
18 | img { |
---|
19 | width: 140px; |
---|
20 | height: 140px; |
---|
21 | object-fit: cover; |
---|
22 | border-radius: 50%; |
---|
23 | margin-bottom: .5em; |
---|
24 | margin-right: 1em; |
---|
25 | } |
---|
26 | h2 { |
---|
27 | margin: 0 0 .15em 0; |
---|
28 | .font-size(21); |
---|
29 | } |
---|
30 | p{ |
---|
31 | color: @color-main-dark; |
---|
32 | .font-size(14); |
---|
33 | margin: 0; |
---|
34 | span { |
---|
35 | color: @color-main-medium; |
---|
36 | } |
---|
37 | } |
---|
38 | } |
---|
39 | .total-workouts { |
---|
40 | .font-size(13); |
---|
41 | font-weight: bold; |
---|
42 | } |
---|
43 | |
---|
44 | .profile-data { |
---|
45 | list-style-type: none; |
---|
46 | padding: 0; |
---|
47 | .font-size(14); |
---|
48 | background-color: white; |
---|
49 | padding: .5em .75em; |
---|
50 | border-radius: 4px; |
---|
51 | border: 1px solid @color-main-light; |
---|
52 | max-width: 200px; |
---|
53 | li { |
---|
54 | display: flex; |
---|
55 | justify-content: space-between; |
---|
56 | color: @color-main-medium; |
---|
57 | &:not(:last-child) { |
---|
58 | margin-bottom: .5em; |
---|
59 | padding-bottom: .5em; |
---|
60 | border-bottom: 1px solid @color-main-light; |
---|
61 | } |
---|
62 | span { |
---|
63 | font-weight: bold; |
---|
64 | color: @color-main; |
---|
65 | } |
---|
66 | } |
---|
67 | } |
---|
68 | |
---|
69 | .profile-bio { |
---|
70 | margin: .5em 0; |
---|
71 | .font-size(14); |
---|
72 | } |
---|
73 | |
---|
74 | .month-stats, |
---|
75 | .latest-workouts { |
---|
76 | max-width: 700px |
---|
77 | } |
---|
78 | |
---|
79 | .month-stats { |
---|
80 | margin-bottom: 4em; |
---|
81 | } |
---|
82 | |
---|
83 | .latest-workouts { |
---|
84 | h4 { |
---|
85 | margin:0; |
---|
86 | a { |
---|
87 | color: @color-main; |
---|
88 | text-decoration: none; |
---|
89 | } |
---|
90 | } |
---|
91 | >span { |
---|
92 | .font-size(13); |
---|
93 | } |
---|
94 | p { |
---|
95 | margin-top: .25em; |
---|
96 | color: @color-main-medium; |
---|
97 | .font-size(13); |
---|
98 | } |
---|
99 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.