source:
OpenWorkouts-current/ow/static/less/pages/profile.less
@
5cf7630
| Last change on this file since 5cf7630 was 5cf7630, checked in by Segundo Fdez <segun.2@…>, 5 years ago | |
|---|---|
|
|
| File size: 2.0 KB | |
| Rev | Line | |
|---|---|---|
| [594fbe8] | 1 | .user-profile { |
| 2 | .workout-options { | |
| 3 | .font-size(13); | |
| [ffd6bb5] | 4 | margin-right: 2em; |
| [594fbe8] | 5 | } |
| 6 | } | |
| [67fc2ed] | 7 | |
| 8 | .user-profile-account { | |
| 9 | background-color: @color-main-xtralight; | |
| [cf12619] | 10 | border-bottom: 1px solid @color-main-light; |
| [67fc2ed] | 11 | padding: 2em 1em; |
| 12 | @media (min-width: @screen-s){ | |
| 13 | padding: 2em 6em; | |
| [6993c72] | 14 | } |
| [ffd6bb5] | 15 | >div { |
| [5cf7630] | 16 | @media (min-width: @screen-m){ |
| 17 | display: flex; | |
| 18 | align-items: center; | |
| 19 | } | |
| [ffd6bb5] | 20 | } |
| [6993c72] | 21 | img { |
| [5cf7630] | 22 | width: 64px; |
| 23 | height: 64px; | |
| [6993c72] | 24 | object-fit: cover; |
| 25 | border-radius: 50%; | |
| 26 | margin-bottom: .5em; | |
| [ffd6bb5] | 27 | margin-right: 1em; |
| [5cf7630] | 28 | @media (min-width: @screen-m){ |
| 29 | width: 140px; | |
| 30 | height: 140px; | |
| 31 | } | |
| [67fc2ed] | 32 | } |
| 33 | h2 { | |
| 34 | margin: 0 0 .15em 0; | |
| 35 | .font-size(21); | |
| [cf12619] | 36 | font-weight: 400; |
| [67fc2ed] | 37 | } |
| 38 | p{ | |
| 39 | color: @color-main-dark; | |
| 40 | .font-size(14); | |
| 41 | margin: 0; | |
| [5cf7630] | 42 | a { |
| 43 | color: @color-app; | |
| 44 | text-decoration: none; | |
| 45 | &:hover { | |
| 46 | color: @color-main; | |
| 47 | } | |
| 48 | } | |
| [67fc2ed] | 49 | span { |
| 50 | color: @color-main-medium; | |
| 51 | } | |
| 52 | } | |
| [6993c72] | 53 | } |
| 54 | .total-workouts { | |
| 55 | .font-size(13); | |
| 56 | font-weight: bold; | |
| [01674ff] | 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 | } | |
| [67fc2ed] | 69 | } |
| 70 | ||
| 71 | .profile-data { | |
| 72 | list-style-type: none; | |
| 73 | padding: 0; | |
| 74 | .font-size(14); | |
| [ffd6bb5] | 75 | background-color: white; |
| 76 | padding: .5em .75em; | |
| 77 | border-radius: 4px; | |
| 78 | border: 1px solid @color-main-light; | |
| [67fc2ed] | 79 | li { |
| [ffd6bb5] | 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 | } | |
| [67fc2ed] | 92 | } |
| 93 | } | |
| 94 | ||
| 95 | .profile-bio { | |
| [ffd6bb5] | 96 | margin: .5em 0; |
| 97 | .font-size(14); | |
| [67fc2ed] | 98 | } |
| 99 | ||
| 100 | .month-stats, | |
| 101 | .latest-workouts { | |
| [ffd6bb5] | 102 | max-width: 700px |
| 103 | } | |
| 104 | ||
| [cf12619] | 105 | .center { |
| 106 | text-align: center; | |
| 107 | } | |
| 108 | ||
| [ffd6bb5] | 109 | .month-stats { |
| 110 | margin-bottom: 4em; | |
| [67fc2ed] | 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.
