PATH:
home
/
letacommog
/
entrepro
/
wp-content
/
plugins
/
buddypress
/
bp-templates
/
bp-nouveau
/
common-styles
// BP primary & secondary navigation - directory and single screens // @version 3.0.0 // all devices & generic styles sitewide .bp-navs { background: transparent; clear: both; overflow: hidden; ul { margin: 0; padding: 0; li { list-style: none; margin: 0; } li.last { select { max-width: 185px; } } li { a, span { border: 0; display: block; padding: 5px 10px; text-decoration: none; } .count { background: $light-grey; border: 1px solid $bp-border-dark; border-radius: 50%; color: $meta-text-dark; display: inline; @include font-size(12); margin-left: 2px; padding: 3px 6px; text-align: center; vertical-align: middle; } } // these selected/current should apply to all navs // if not pull out & move to end. li.selected, li.current { a { color: $black; opacity: 1; } } } // close ul &.bp-invites-filters, &.bp-messages-filters { ul { li { a { border: 1px solid $bp-border-dark; display: inline-block; } } } } } // close .bp-navs .main-navs.dir-navs { margin-bottom: $marg-lrg; } // Primary, default current/selected states .buddypress-wrap { .bp-navs { li.selected, li.current, li a:hover { a { .count { background-color: $grey; } } } li:not(.current), li:not(.selected), { a:focus, a:hover { background: $grey; color: $black; } } li.selected, li.current { a, a:focus, a:hover { background: $dark-grey; color: $off-white; } } } @include medium-up() { .main-navs:not(.dir-navs) { li.selected, li.current { a { background: $white; color: $black; font-weight: 600; } } } .main-navs.vertical { // single screen navs li.selected, li.current { a { background: $dark-grey; color: $off-white; text-decoration: none; } } } &.bp-dir-hori-nav:not(.bp-vertical-navs) { nav:not(.tabbed-links) { border-bottom: 1px solid $bp-border-color; border-top: 1px solid $bp-border-color; @include box-shadow( 0 2px 12px 0 $off-white); } } } // close @media .bp-subnavs { li.selected, li.current { a { background: $white; color: $black; font-weight: 600; } } } } // close .buddypress-wrap - current & selected states. // visual styling of default single navs - adds background/padding to // the parent elements if vertical nav not selected .buddypress-wrap:not(.bp-single-vert-nav) { @include medium-max { .bp-navs { li { background: $light-grey; } } } .main-navs { > ul > li { > a { padding: $pad-sml calc(0.5em + 2px); } } } .user-subnav#subsubnav, .group-subnav#subsubnav { background: none; } } // Specifically default subnav elements .buddypress-wrap { .bp-subnavs, ul.subnav { width: 100%; } .bp-subnavs { margin: $marg-sml 0; overflow: hidden; ul { li { margin-top: 0; &.selected, &.current { :focus, :hover { background: none; color: $black; } } } } } ul.subnav { width: auto; } .bp-navs.bp-invites-nav#subnav, .bp-navs.bp-invites-filters#subsubnav, .bp-navs.bp-messages-filters#subsubnav { ul { li.last { margin-top: 0; } } } } // close .buddypress-wrap // Single screens object navs // Adjusts visual styling for small screens only @include medium-max { .buddypress-wrap { .single-screen-navs { border: 1px solid $bp-border-color; li { border-bottom: 1px solid $bp-border-color; &:last-child { border-bottom: none; } } } .bp-subnavs { li { a { @include font-size(14); } &.selected, &.current { a, a:focus, a:hover { background: $dark-grey; color: $white; } } } } } } .buddypress_object_nav, .buddypress-wrap { .bp-navs { li.selected, li.current { a { .count { background-color: $white; } } } // close li li.dynamic, li.dynamic.selected, li.dynamic.current { a { .count { background-color: $highlight; border: 0; color: $off-white; } } } li.dynamic { a:hover { .count { background-color: $highlight; border: 0; color: $white; } } } li { a { .count:empty { display: none; } } } } // bp-navs // Create steps current position tabs highlight .bp-navs.group-create-links { ul { li:not(.current) { color: $light-text; a { color: $light-text; &:focus, &:hover { background: none; color: $black; } } a[disabled] { &:focus, &:hover { color: $light-text; } } } li.current { a { text-align: center; } } } } } .buddypress-wrap { // position our nav elements at larger screen widths @include medium-up() { .bp-navs { li { // set the list links of all navs to shrinkwrap/width auto float: left; } } .subnav { float: left; } ul.subnav { width: auto; } // user screen last filter #subsubnav { .activity-search { float: left; } .filter { float: right; } } } // close @media } // close .buddypress-wrap // Just buddypress_object_nav rules .buddypress_object_nav { .bp-navs { li { a { .count { display: inline-block; float: right; } } } } } // Directory screens vertical nav rules @include medium-up() { // the top level class activating vert layout .bp-dir-vert-nav { .bp-navs.dir-navs { background: none; a { .count { float: right; } } } } } // Tabbed links // Our tabbed links are pulled in via a mixin // UL parent element must have 'tabbed-links' added and the ul 'button-tabs' // medium screens up .buddypress-wrap { @include medium-up { // Profile group labels links // Button navigation as tabbed effect for wide screen @include tabbed-links(); .bp-navs.tabbed-links { background: none; margin-top: 2px; &.main-navs { } // For tabbed nav we remove any default button nav styles. ul { li { a { border-right: 0; font-size: inherit; } } li.last { float: right; margin: 0; a { margin-top: -0.5em; } } li, li.current { a, a:focus, a:hover { background: none; border: 0; } a:active { outline: none; } } } } // close .bp-navs.tabbed-links } // @media }
[+]
..
[-] _bp_groups_activity.scss
[edit]
[-] _bp_groups_management.scss
[edit]
[-] _bp_registration.scss
[edit]
[-] _bp_activity_entries.scss
[edit]
[-] _bp_members_loop.scss
[edit]
[-] _bp_groups_create.scss
[edit]
[-] _bp_forms.scss
[edit]
[-] _bp_comment_form.scss
[edit]
[-] _bp_update_form.scss
[edit]
[-] _bp_animations.scss
[edit]
[-] _bp_blogs_loop.scss
[edit]
[-] _bp_activity_comments.scss
[edit]
[-] _bp-variables.scss
[edit]
[-] _bp_layouts.scss
[edit]
[-] _bp_group_header.scss
[edit]
[-] _bp_messages.scss
[edit]
[-] _bp_lists.scss
[edit]
[-] _bp_pagination.scss
[edit]
[-] _bp_tables.scss
[edit]
[-] _bp_widgets.scss
[edit]
[-] _bp_search.scss
[edit]
[-] _bp_generic_and_typography.scss
[edit]
[-] _bp_user_settings.scss
[edit]
[-] _bp-mixins.scss
[edit]
[-] _bp_general_classes.scss
[edit]
[-] _bp_navigation.scss
[edit]
[-] _bp_item_body_general.scss
[edit]
[-] _bp_user_header.scss
[edit]
[-] _bp_filters.scss
[edit]
[-] _bp_tooltips.scss
[edit]
[-] _bp_info_messages.scss
[edit]
[-] _bp_item_header_general.scss
[edit]
[-] _bp_buttons.scss
[edit]
[-] _bp_groups_loop.scss
[edit]
[-] _bp_groups_item_body.scss
[edit]
[-] _bp_cover_image.scss
[edit]
[-] _bp_user_profile.scss
[edit]