current
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 | border-bottom: 1px solid @color-main-light; |
---|
11 | padding: 2em 1em; |
---|
12 | @media (min-width: @screen-s){ |
---|
13 | padding: 2em 6em; |
---|
14 | } |
---|
15 | >div { |
---|
16 | @media (min-width: @screen-m){ |
---|
17 | display: flex; |
---|
18 | align-items: center; |
---|
19 | } |
---|
20 | } |
---|
21 | img { |
---|
22 | width: 64px; |
---|
23 | height: 64px; |
---|
24 | object-fit: cover; |
---|
25 | border-radius: 50%; |
---|
26 | margin-bottom: .5em; |
---|
27 | margin-right: 1em; |
---|
28 | @media (min-width: @screen-m){ |
---|
29 | width: 140px; |
---|
30 | height: 140px; |
---|
31 | } |
---|
32 | } |
---|
33 | h2 { |
---|
34 | margin: 0 0 .15em 0; |
---|
35 | .font-size(21); |
---|
36 | font-weight: 400; |
---|
37 | } |
---|
38 | p{ |
---|
39 | color: @color-main-dark; |
---|
40 | .font-size(14); |
---|
41 | margin: 0; |
---|
42 | a { |
---|
43 | color: @color-app; |
---|
44 | text-decoration: none; |
---|
45 | &:hover { |
---|
46 | color: @color-main; |
---|
47 | } |
---|
48 | } |
---|
49 | span { |
---|
50 | color: @color-main-medium; |
---|
51 | } |
---|
52 | } |
---|
53 | } |
---|
54 | .total-workouts { |
---|
55 | .font-size(13); |
---|
56 | font-weight: bold; |
---|
57 | span { |
---|
58 | color: @color-main-medium; |
---|
59 | margin-right: .5em; |
---|
60 | &:first-child { |
---|
61 | color: @color-main; |
---|
62 | &:after { |
---|
63 | content: "|"; |
---|
64 | color: @color-main-light; |
---|
65 | margin-left: .5em; |
---|
66 | } |
---|
67 | } |
---|
68 | } |
---|
69 | } |
---|
70 | |
---|
71 | .profile-data { |
---|
72 | list-style-type: none; |
---|
73 | padding: 0; |
---|
74 | .font-size(14); |
---|
75 | background-color: white; |
---|
76 | padding: .5em .75em; |
---|
77 | border-radius: 4px; |
---|
78 | border: 1px solid @color-main-light; |
---|
79 | li { |
---|
80 | display: flex; |
---|
81 | justify-content: space-between; |
---|
82 | color: @color-main-medium; |
---|
83 | &:not(:last-child) { |
---|
84 | margin-bottom: .5em; |
---|
85 | padding-bottom: .5em; |
---|
86 | border-bottom: 1px solid @color-main-light; |
---|
87 | } |
---|
88 | span { |
---|
89 | font-weight: bold; |
---|
90 | color: @color-main; |
---|
91 | } |
---|
92 | } |
---|
93 | } |
---|
94 | |
---|
95 | .profile-bio { |
---|
96 | margin: .5em 0; |
---|
97 | .font-size(14); |
---|
98 | } |
---|
99 | |
---|
100 | .month-stats, |
---|
101 | .latest-workouts { |
---|
102 | max-width: 700px |
---|
103 | } |
---|
104 | |
---|
105 | .center { |
---|
106 | text-align: center; |
---|
107 | } |
---|
108 | |
---|
109 | .month-stats { |
---|
110 | margin-bottom: 4em; |
---|
111 | } |
---|
112 | |
---|
113 | .latest-workouts { |
---|
114 | h4 { |
---|
115 | margin:0; |
---|
116 | a { |
---|
117 | color: @color-main; |
---|
118 | text-decoration: none; |
---|
119 | } |
---|
120 | } |
---|
121 | >span { |
---|
122 | .font-size(13); |
---|
123 | } |
---|
124 | p { |
---|
125 | margin-top: .25em; |
---|
126 | color: @color-main-medium; |
---|
127 | .font-size(13); |
---|
128 | } |
---|
129 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.