source: OpenWorkouts-current/ow/static/less/pages/profile.less @ 5cf7630

currentfeature/docs
Last change on this file since 5cf7630 was 5cf7630, checked in by Segundo Fdez <segun.2@…>, 5 years ago

Fix #57
  • Property mode set to 100644
File size: 2.0 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        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.