Changeset 0fbc805 in OpenWorkouts-current


Ignore:
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

Location:
ow/static
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • ow/static/css/main.css

    reb20dc8 r0fbc805  
    855855.workout-content {
    856856  padding: 2em  1em;
     857  display: flex;
     858  flex-direction: column;
    857859}
    858860@media (min-width: 480px) {
     
    864866  .workout-content {
    865867    display: flex;
     868    flex-direction: row;
    866869    justify-content: space-between;
    867870  }
     
    871874  margin-right: 2em;
    872875  width: 100%;
     876  order: 2;
    873877  /* provisional layout, replace this with grid layout system based on final content */
    874878}
     
    876880  font-weight: 300;
    877881  margin: 0 0 1.5em;
     882}
     883@media (min-width: 800px) {
     884  .workout-list {
     885    order: 1;
     886  }
    878887}
    879888/* Module resume on dashboard workouts */
     
    939948.workout-info {
    940949  display: flex;
    941   align-items: center;
     950  flex-flow: row wrap;
    942951  margin: 0.25em 0;
    943952}
    944953.workout-info li {
    945954  color: #959595;
     955  margin-bottom: 0.25em;
    946956}
    947957.workout-info li:after {
     
    9981008.workout-aside {
    9991009  width: 100%;
     1010  order: 1;
    10001011}
    10011012@media (min-width: 800px) {
    10021013  .workout-aside {
     1014    order: 2;
    10031015    max-width: 300px;
    10041016    padding-left: 1.5em;
     
    10281040  font-size: 0.8125rem;
    10291041  color: #555555;
     1042}
     1043.aside-profile a {
     1044  text-decoration: none;
     1045  color: #151515;
     1046}
     1047.aside-profile a:hover {
     1048  color: #959595;
    10301049}
    10311050/* Workout detail */
     
    12671286.login-content {
    12681287  background-image: url("../media/img/back-01.jpg");
     1288  background-position: center;
    12691289  background-size: cover;
    12701290  display: flex;
  • ow/static/less/modules/workout.less

    reb20dc8 r0fbc805  
    11.workout-content {
    22    padding: 2em  1em;
     3    display: flex;
     4    flex-direction: column;
    35    @media (min-width: @screen-s){
    46        padding: 2em 6em;
    57    }
    6      @media (min-width: @screen-m){
     8    @media (min-width: @screen-m){
    79        display: flex;
     10        flex-direction: row;
    811        justify-content:space-between;
    912    }
     
    1720        font-weight: 300;
    1821        margin: 0 0 1.5em;
     22    }
     23    order: 2;
     24    @media (min-width: @screen-m){
     25        order: 1;
    1926    }
    2027    /* provisional layout, replace this with grid layout system based on final content */
     
    8794.workout-info {
    8895    display: flex;
    89     align-items:center;
     96    flex-flow: row wrap;
     97    //align-items:center;
    9098    margin: .25em 0;
    9199    li{
    92100        color: @color-main-medium;
     101        margin-bottom: .25em;
    93102        &:after{
    94103            content: "|";
    95             margin:0 .5em;
     104            margin: 0 .5em;
    96105        }
    97106        &:last-child{
     
    156165.workout-aside{
    157166    width: 100%;
    158     @media (min-width: @screen-m){
     167    order: 1;
     168    @media (min-width: @screen-m){
     169        order: 2;
    159170        max-width: 300px;
    160171        padding-left: 1.5em;
     
    184195        .font-size(13);
    185196        color: @color-main-dark;
     197    }
     198    a {
     199        text-decoration: none;
     200        color: @color-main;
     201        &:hover {
     202            color: @color-main-medium;
     203        }
    186204    }
    187205}
  • ow/static/less/pages/login.less

    reb20dc8 r0fbc805  
    11.login-content {
    22    background-image: url("@{path-img}/back-01.jpg");
     3    background-position: center;
    34    background-size: cover;
    45    display: flex;
Note: See TracChangeset for help on using the changeset viewer.