Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
10/25/2015 03:14:19 PM (4 years ago)
Author:
hnla
Message:

Twentysixteen Companion Styles Updates

  • Update item-lists; member .update & group desc blocks for small screen.
  • Update BP search boxes for label/input widths to balance with submit width.


See #6648

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss

    r10295 r10310  
    737737                    display: inline-block;
    738738                    float: none;
     739                    margin-bottom: $spacing-val-sm;
    739740
    740741                    // Quite early on we need to move avatars to the left(right)
    741                     @media screen and (min-width: 38.75em) {
     742                    @include small-up {
    742743                        display: block;
    743744                        float: left;
     
    764765                    @include font-size(18);
    765766                    line-height: 1.2;
     767                    text-align: center;
     768
     769                    @include small-up {
     770                        text-align: left;
     771                    }
     772
     773                    width: 100%;
    766774
    767775                    .update {
     776                        display: block;
    768777                        @include font-size(12);
    769778
     
    771780                            @include font-size(14);
    772781                        }
     782
     783                        padding: $spacing-val-sm 0;
     784                        text-align: left;
    773785                    }
    774786                }
     
    784796
    785797                .item {
    786                     left: 10%;
     798                    left: 5%;
    787799                    margin-left: 0;
    788800                    position: relative;
     
    21082120                float: left;
    21092121                margin: 0;
    2110                 width: 70%;
     2122                width: 100%;
    21112123            }
    21122124
Note: See TracChangeset for help on using the changeset viewer.