Changeset 0fbc805 in OpenWorkouts-current for ow/static/less/modules/workout.less

Timestamp:

Feb 14, 2019, 1:46:26 PM (5 years ago)

Author:

Segundo Fdez <segun.2@…>

Branches:

current, feature/docs, master

Children:

5cf7630

Parents:

eb20dc8

Message:

FIx #50

File:

• ow/static/less/modules/workout.less (modified) (5 diffs)

ow/static/less/modules/workout.less

@@ -1 +1 @@
 .workout-content {
     padding: 2em  1em;
+    display: flex;
+    flex-direction: column;
     @media (min-width: @screen-s){
         padding: 2em 6em;
     }
-     @media (min-width: @screen-m){
+    @media (min-width: @screen-m){
         display: flex;
+        flex-direction: row;
         justify-content:space-between;
     }
@@ -17 +20 @@
         font-weight: 300;
         margin: 0 0 1.5em;
+    }
+    order: 2;
+    @media (min-width: @screen-m){
+        order: 1;
     }
     /* provisional layout, replace this with grid layout system based on final content */
@@ -87 +94 @@
 .workout-info {
     display: flex;
-    align-items:center;
+    flex-flow: row wrap;
+    //align-items:center;
     margin: .25em 0;
     li{
         color: @color-main-medium;
+        margin-bottom: .25em;
         &:after{
             content: "|";
-            margin:0 .5em;
+            margin: 0 .5em;
         }
         &:last-child{
@@ -156 +165 @@
 .workout-aside{
     width: 100%;
-    @media (min-width: @screen-m){
+    order: 1;
+    @media (min-width: @screen-m){
+        order: 2;
         max-width: 300px;
         padding-left: 1.5em;
@@ -184 +195 @@
         .font-size(13);
         color: @color-main-dark;
+    }
+    a {
+        text-decoration: none;
+        color: @color-main;
+        &:hover {
+            color: @color-main-medium;
+        }
     }
 }