Changeset 0fbc805 in OpenWorkouts-current
- Timestamp:
- Feb 14, 2019, 1:46:26 PM (5 years ago)
- Branches:
- current, feature/docs, master
- Children:
- 5cf7630
- Parents:
- eb20dc8
- Location:
- ow/static
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
ow/static/css/main.css
reb20dc8 r0fbc805 855 855 .workout-content { 856 856 padding: 2em 1em; 857 display: flex; 858 flex-direction: column; 857 859 } 858 860 @media (min-width: 480px) { … … 864 866 .workout-content { 865 867 display: flex; 868 flex-direction: row; 866 869 justify-content: space-between; 867 870 } … … 871 874 margin-right: 2em; 872 875 width: 100%; 876 order: 2; 873 877 /* provisional layout, replace this with grid layout system based on final content */ 874 878 } … … 876 880 font-weight: 300; 877 881 margin: 0 0 1.5em; 882 } 883 @media (min-width: 800px) { 884 .workout-list { 885 order: 1; 886 } 878 887 } 879 888 /* Module resume on dashboard workouts */ … … 939 948 .workout-info { 940 949 display: flex; 941 align-items: center;950 flex-flow: row wrap; 942 951 margin: 0.25em 0; 943 952 } 944 953 .workout-info li { 945 954 color: #959595; 955 margin-bottom: 0.25em; 946 956 } 947 957 .workout-info li:after { … … 998 1008 .workout-aside { 999 1009 width: 100%; 1010 order: 1; 1000 1011 } 1001 1012 @media (min-width: 800px) { 1002 1013 .workout-aside { 1014 order: 2; 1003 1015 max-width: 300px; 1004 1016 padding-left: 1.5em; … … 1028 1040 font-size: 0.8125rem; 1029 1041 color: #555555; 1042 } 1043 .aside-profile a { 1044 text-decoration: none; 1045 color: #151515; 1046 } 1047 .aside-profile a:hover { 1048 color: #959595; 1030 1049 } 1031 1050 /* Workout detail */ … … 1267 1286 .login-content { 1268 1287 background-image: url("../media/img/back-01.jpg"); 1288 background-position: center; 1269 1289 background-size: cover; 1270 1290 display: flex; -
ow/static/less/modules/workout.less
reb20dc8 r0fbc805 1 1 .workout-content { 2 2 padding: 2em 1em; 3 display: flex; 4 flex-direction: column; 3 5 @media (min-width: @screen-s){ 4 6 padding: 2em 6em; 5 7 } 6 8 @media (min-width: @screen-m){ 7 9 display: flex; 10 flex-direction: row; 8 11 justify-content:space-between; 9 12 } … … 17 20 font-weight: 300; 18 21 margin: 0 0 1.5em; 22 } 23 order: 2; 24 @media (min-width: @screen-m){ 25 order: 1; 19 26 } 20 27 /* provisional layout, replace this with grid layout system based on final content */ … … 87 94 .workout-info { 88 95 display: flex; 89 align-items:center; 96 flex-flow: row wrap; 97 //align-items:center; 90 98 margin: .25em 0; 91 99 li{ 92 100 color: @color-main-medium; 101 margin-bottom: .25em; 93 102 &:after{ 94 103 content: "|"; 95 margin: 0 .5em;104 margin: 0 .5em; 96 105 } 97 106 &:last-child{ … … 156 165 .workout-aside{ 157 166 width: 100%; 158 @media (min-width: @screen-m){ 167 order: 1; 168 @media (min-width: @screen-m){ 169 order: 2; 159 170 max-width: 300px; 160 171 padding-left: 1.5em; … … 184 195 .font-size(13); 185 196 color: @color-main-dark; 197 } 198 a { 199 text-decoration: none; 200 color: @color-main; 201 &:hover { 202 color: @color-main-medium; 203 } 186 204 } 187 205 } -
ow/static/less/pages/login.less
reb20dc8 r0fbc805 1 1 .login-content { 2 2 background-image: url("@{path-img}/back-01.jpg"); 3 background-position: center; 3 4 background-size: cover; 4 5 display: flex;
Note: See TracChangeset
for help on using the changeset viewer.