Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
10/11/2015 01:28:40 PM (5 years ago)
Author:
hnla
Message:

Twentysixteen Companion Styles Updates

  • Adjust main elements margins for breakpoints and sidebar display, adjust secondary bottom content widgets for margins.
  • If sidebar present display BP object nav at default horizontal layout to maximize layout widths.
  • Tweak object nav hover small screens.

See #6648

File:
1 edited

Legend:

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

    r10225 r10244  
    256256
    257257    // The breakpoint for main & sidebar could cut in earlier, elements wrap to blocks/columns
    258     // but margins & padding still in effect style.css L:2781.
     258    // but margins & padding still in effect for sidebar style.css L:2781.
    259259
    260260    @include small-up {
     
    268268            }
    269269
    270             .entry-content {
     270            .entry-content,
     271            .content-bottom-widgets {
    271272                margin-left: 7.6923%;
    272273                margin-right: 7.6923%;
     
    288289            width: 70%;
    289290
    290             .entry-header {
    291                 margin: 0 7.6923%;
     291            .entry-content,
     292            .content-bottom-widgets {
     293                margin-left: 0;
     294                margin-right: 0;
    292295            }
    293296        }
     
    376379        ul {
    377380            overflow: hidden;
    378             li {float: none;}
     381
     382            li {
     383                float: none;
     384            }
     385
     386            @media screen and (max-width: 38.75em) {
     387                li:not(:last-child) {
     388                    border-bottom: 1px solid $border-light;
     389                }
     390            }
     391
    379392            li:not(.selected) {
    380393                a {opacity: 0.7;}
     394
     395                @media screen and (max-width: 38.75em) {
     396                    &:focus,
     397                    &:hover {
     398                        background: darken($cream-background, 2%);
     399                    }
     400                }
    381401            }
    382402
     
    454474// This block contains rules to re-factor the item-body structural element
    455475// to sit alongside the vert menu
    456 // As 2016 has an inner sidebar which if active can narrow screen too far
    457 // for a columner nav we'll only use these rules if no sidebar.
     476// 2016 right sidebar is displayed if the widget sidebar has widgets;
     477// we'll only display object nav as a vert menu if sidebar not present.
    458478
    459479@media screen and (min-width: 55em) {
    460480
    461     .bp-user #buddypress,
    462     .single-item.groups #buddypress {
    463     //  background: $light-background;
    464     }
    465 
    466     body:not(.sidebar) {
     481    body.no-sidebar {
    467482        #buddypress {
    468483
Note: See TracChangeset for help on using the changeset viewer.