- Timestamp:
- Feb 1, 2019, 1:25:00 PM (5 years ago)
- Branches:
- current, feature/docs, master
- Children:
- 6993c72
- Parents:
- 10c8e6e
- Location:
- ow/static
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
ow/static/css/main.css
r10c8e6e rbf01534 722 722 /* Workout detail */ 723 723 #map { 724 height: 50vh; 724 height: 400px; 725 } 726 @media (min-width: 480px) { 727 #map { 728 height: calc(100vh - 380px); 729 } 725 730 } 726 731 .workout-detail { 727 padding: 2em 1em;732 padding: 0em 1em; 728 733 } 729 734 @media (min-width: 480px) { … … 741 746 .workout-detail-resume { 742 747 max-width: 500px; 743 margin-right: 6em;744 748 margin-bottom: 2em; 749 padding-top: 2em; 750 } 751 @media (min-width: 800px) { 752 .workout-detail-resume { 753 margin-right: 6em; 754 } 745 755 } 746 756 .workout-detail-resume h3 { … … 761 771 max-width: 600px; 762 772 } 773 @media (min-width: 800px) { 774 .workout-detail-info { 775 border-right: 1px solid #e1e1e1; 776 border-left: 1px solid #e1e1e1; 777 padding: 2em 1em 2em 2em; 778 } 779 } 763 780 .workout-detail-info ul { 764 781 list-style-type: none; … … 771 788 .workout-detail-info ul span { 772 789 display: block; 790 font-size: 13px; 791 font-size: 0.8125rem; 773 792 color: #959595; 774 font-size: 13px; 775 font-size: 0.8125rem; 793 margin-bottom: 0.25em; 794 } 795 .workout-detail-info ul span.min, 796 .workout-detail-info ul span.avg, 797 .workout-detail-info ul span.max { 798 display: inline-block; 799 color: white; 800 padding: 0.5em 0.85em; 801 border-radius: 3px; 802 } 803 .workout-detail-info ul span.max { 804 background-color: #EE4056; 805 } 806 .workout-detail-info ul span.min { 807 background-color: #1395CA; 808 margin-right: 0.5em; 809 } 810 .workout-detail-info ul span.avg { 811 background-color: #17C898; 812 margin-right: 0.5em; 776 813 } 777 814 .workout-detail-info li { 778 815 margin-bottom: 2em; 779 816 margin-right: 1em; 780 font-size: 16px; 781 font-size: 1rem; 817 color: #959595; 818 font-size: 15px; 819 font-size: 0.9375rem; 820 } 821 .workout-detail-info li.important { 822 font-size: 21px; 823 font-size: 1.3125rem; 824 color: #151515; 782 825 } 783 826 /* Week report */ -
ow/static/less/modules/workout.less
r10c8e6e rbf01534 189 189 /* Workout detail */ 190 190 #map { 191 height: 50vh; 191 height: 400px; 192 @media (min-width: @screen-s){ 193 height: calc(100vh - 380px); 194 } 192 195 } 193 196 194 197 .workout-detail { 195 padding: 2em 1em;198 padding: 0em 1em; 196 199 @media (min-width: @screen-s){ 197 200 max-width: 1280px; … … 206 209 .workout-detail-resume { 207 210 max-width: 500px; 208 margin-right: 6em;209 211 margin-bottom: 2em; 212 padding-top: 2em; 213 @media (min-width: @screen-m){ 214 margin-right: 6em; 215 } 210 216 h3 { 211 217 margin-top: 0; … … 224 230 .workout-detail-info { 225 231 max-width: 600px; 232 @media (min-width: @screen-m){ 233 border-right: 1px solid @color-main-light; 234 border-left: 1px solid @color-main-light; 235 padding:2em 1em 2em 2em; 236 } 226 237 ul { 227 238 list-style-type: none; … … 233 244 span { 234 245 display: block; 246 .font-size(13); 235 247 color: @color-main-medium; 236 .font-size(13); 248 margin-bottom: .25em; 249 &.min, 250 &.avg, 251 &.max { 252 display: inline-block; 253 color: white; 254 padding: .5em .85em; 255 border-radius: 3px; 256 } 257 &.max { 258 background-color: @color-app; 259 } 260 &.min { 261 background-color: #1395CA; 262 margin-right: .5em; 263 } 264 265 &.avg { 266 background-color: #17C898; 267 margin-right: .5em; 268 } 237 269 } 238 270 } … … 240 272 margin-bottom: 2em; 241 273 margin-right: 1em; 242 .font-size(16); 274 color: @color-main-medium; 275 .font-size(15); 276 &.important { 277 .font-size(21); 278 color: @color-main; 279 } 243 280 } 244 281 }
Note: See TracChangeset
for help on using the changeset viewer.