Changes in / [0fa21cd:f0e64eb] in OpenWorkouts-current


Ignore:
Location:
ow/static
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • ow/static/css/main.css

    r0fa21cd rf0e64eb  
    855855.workout-content {
    856856  padding: 2em  1em;
    857   display: flex;
    858   flex-direction: column;
    859857}
    860858@media (min-width: 480px) {
    … …  
    866864  .workout-content {
    867865    display: flex;
    868     flex-direction: row;
    869866    justify-content: space-between;
    870867  }
    … …  
    874871  margin-right: 2em;
    875872  width: 100%;
    876   order: 2;
    877873  /* provisional layout, replace this with grid layout system based on final content */
    878874}
    … …  
    880876  font-weight: 300;
    881877  margin: 0 0 1.5em;
    882 }
    883 @media (min-width: 800px) {
    884   .workout-list {
    885     order: 1;
    886   }
    887878}
    888879/* Module resume on dashboard workouts */
    … …  
    948939.workout-info {
    949940  display: flex;
    950   flex-flow: row wrap;
     941  align-items: center;
    951942  margin: 0.25em 0;
    952943}
    953944.workout-info li {
    954945  color: #959595;
    955   margin-bottom: 0.25em;
    956946}
    957947.workout-info li:after {
    … …  
    1008998.workout-aside {
    1009999  width: 100%;
    1010   order: 1;
    10111000}
    10121001@media (min-width: 800px) {
    10131002  .workout-aside {
    1014     order: 2;
    10151003    max-width: 300px;
    10161004    padding-left: 1.5em;
    … …  
    10401028  font-size: 0.8125rem;
    10411029  color: #555555;
    1042 }
    1043 .aside-profile a {
    1044   text-decoration: none;
    1045   color: #151515;
    1046 }
    1047 .aside-profile a:hover {
    1048   color: #959595;
    10491030}
    10501031/* Workout detail */
    … …  
    12861267.login-content {
    12871268  background-image: url("../media/img/back-01.jpg");
    1288   background-position: center;
    12891269  background-size: cover;
    12901270  display: flex;
    … …  
    13621342  }
    13631343}
    1364 @media (min-width: 800px) {
    1365   .user-profile-account > div {
    1366     display: flex;
    1367     align-items: center;
    1368   }
     1344.user-profile-account > div {
     1345  display: flex;
     1346  align-items: center;
    13691347}
    13701348.user-profile-account img {
    1371   width: 64px;
    1372   height: 64px;
     1349  width: 140px;
     1350  height: 140px;
    13731351  object-fit: cover;
    13741352  border-radius: 50%;
    13751353  margin-bottom: 0.5em;
    13761354  margin-right: 1em;
    1377 }
    1378 @media (min-width: 800px) {
    1379   .user-profile-account img {
    1380     width: 140px;
    1381     height: 140px;
    1382   }
    13831355}
    13841356.user-profile-account h2 {
    … …  
    13931365  font-size: 0.875rem;
    13941366  margin: 0;
    1395 }
    1396 .user-profile-account p a {
    1397   color: #EE4056;
    1398   text-decoration: none;
    1399 }
    1400 .user-profile-account p a:hover {
    1401   color: #151515;
    14021367}
    14031368.user-profile-account p span {

  • ow/static/less/modules/workout.less

    r0fa21cd rf0e64eb  
    11.workout-content {
    22    padding: 2em  1em;
    3     display: flex;
    4     flex-direction: column;
    53    @media (min-width: @screen-s){
    64        padding: 2em 6em;
    75    }
    8     @media (min-width: @screen-m){
     6     @media (min-width: @screen-m){
    97        display: flex;
    10         flex-direction: row;
    118        justify-content:space-between;
    129    }
    … …  
    2017        font-weight: 300;
    2118        margin: 0 0 1.5em;
    22     }
    23     order: 2;
    24     @media (min-width: @screen-m){
    25         order: 1;
    2619    }
    2720    /* provisional layout, replace this with grid layout system based on final content */
    … …  
    9487.workout-info {
    9588    display: flex;
    96     flex-flow: row wrap;
    97     //align-items:center;
     89    align-items:center;
    9890    margin: .25em 0;
    9991    li{
    10092        color: @color-main-medium;
    101         margin-bottom: .25em;
    10293        &:after{
    10394            content: "|";
    104             margin: 0 .5em;
     95            margin:0 .5em;
    10596        }
    10697        &:last-child{
    … …  
    165156.workout-aside{
    166157    width: 100%;
    167     order: 1;
    168158    @media (min-width: @screen-m){
    169         order: 2;
    170159        max-width: 300px;
    171160        padding-left: 1.5em;
    … …  
    195184        .font-size(13);
    196185        color: @color-main-dark;
    197     }
    198     a {
    199         text-decoration: none;
    200         color: @color-main;
    201         &:hover {
    202             color: @color-main-medium;
    203         }
    204186    }
    205187}

  • ow/static/less/pages/login.less

    r0fa21cd rf0e64eb  
    11.login-content {
    22    background-image: url("@{path-img}/back-01.jpg");
    3     background-position: center;
    43    background-size: cover;
    54    display: flex;

  • ow/static/less/pages/profile.less

    r0fa21cd rf0e64eb  
    1414    }
    1515    >div {
    16             @media (min-width: @screen-m){
    17                 display: flex;
    18                 align-items: center;
    19             }
     16        display: flex;
     17        align-items: center;
    2018    }
    2119    img {
    22         width: 64px;
    23         height: 64px;
     20        width: 140px;
     21        height: 140px;
    2422        object-fit: cover;
    2523        border-radius: 50%;
    2624        margin-bottom: .5em;
    2725        margin-right: 1em;
    28             @media (min-width: @screen-m){
    29                 width: 140px;
    30                 height: 140px;
    31             }
    3226    }
    3327        h2 {
    … …  
    4034                .font-size(14);
    4135                margin: 0;
    42                 a {
    43                         color: @color-app;
    44                         text-decoration: none;
    45                         &:hover {
    46                                 color: @color-main;
    47                         }
    48                 }
    4936                span {
    5037                        color: @color-main-medium;
Note: See TracChangeset for help on using the changeset viewer.