Skip to:
Content

BuddyPress.org

Changeset 9866


Ignore:
Timestamp:
05/12/2015 06:40:43 PM (6 years ago)
Author:
hnla
Message:

Update twentyfifteen companion styles

  • Update messages mixin for conditional variables to match twentyfourteen
  • Update messages rulesets.

_ Adjust responsive styling for group members list.

See #6291

Location:
trunk/src/bp-templates/bp-legacy/css
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen-rtl.css

    r9861 r9866  
    655655*-----------------------------------------
    656656*/
     657/* Members loop */
     658@media screen and (max-width: 30em) {
     659  .groups.group-members #buddypress #members-group-list li > a {
     660    border-bottom: 0;
     661    display: block;
     662    margin-bottom: 10px;
     663    text-align: center; }
     664    .groups.group-members #buddypress #members-group-list li > a img.avatar {
     665      display: inline;
     666      float: none; } }
     667.groups.group-members #buddypress #members-group-list li h5 {
     668  display: inline-block;
     669  font-size: 14px;
     670  font-size: 1.4rem;
     671  margin: 0; }
     672  @media screen and (min-width: 59.6875em) {
     673    .groups.group-members #buddypress #members-group-list li h5 {
     674      font-size: 16px;
     675      font-size: 1.6rem; } }
     676  .groups.group-members #buddypress #members-group-list li h5 a {
     677    border-bottom: 0; }
     678.groups.group-members #buddypress #members-group-list li span.activity {
     679  font-size: 12px;
     680  font-size: 1.2rem; }
     681.groups.group-members #buddypress #members-group-list li .action {
     682  top: 0; }
     683
    657684.groups.group-members #subnav li {
    658685  width: 100%; }
     
    10351062  background: #c6e4ee;
    10361063  border: 1px solid #78bed6;
    1037   color: #fff; }
     1064  color: #1e5264; }
    10381065#buddypress div#message.updated p {
    10391066  background: #dee6b2;
    10401067  border: 1px solid #becc66;
    1041   color: #fff; }
     1068  color: #454d19; }
    10421069
    10431070.delete-group #buddypress div#message.info p {
  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.css

    r9861 r9866  
    655655*-----------------------------------------
    656656*/
     657/* Members loop */
     658@media screen and (max-width: 30em) {
     659  .groups.group-members #buddypress #members-group-list li > a {
     660    border-bottom: 0;
     661    display: block;
     662    margin-bottom: 10px;
     663    text-align: center; }
     664    .groups.group-members #buddypress #members-group-list li > a img.avatar {
     665      display: inline;
     666      float: none; } }
     667.groups.group-members #buddypress #members-group-list li h5 {
     668  display: inline-block;
     669  font-size: 14px;
     670  font-size: 1.4rem;
     671  margin: 0; }
     672  @media screen and (min-width: 59.6875em) {
     673    .groups.group-members #buddypress #members-group-list li h5 {
     674      font-size: 16px;
     675      font-size: 1.6rem; } }
     676  .groups.group-members #buddypress #members-group-list li h5 a {
     677    border-bottom: 0; }
     678.groups.group-members #buddypress #members-group-list li span.activity {
     679  font-size: 12px;
     680  font-size: 1.2rem; }
     681.groups.group-members #buddypress #members-group-list li .action {
     682  top: 0; }
     683
    657684.groups.group-members #subnav li {
    658685  width: 100%; }
     
    10351062  background: #c6e4ee;
    10361063  border: 1px solid #78bed6;
    1037   color: #fff; }
     1064  color: #1e5264; }
    10381065#buddypress div#message.updated p {
    10391066  background: #dee6b2;
    10401067  border: 1px solid #becc66;
    1041   color: #fff; }
     1068  color: #454d19; }
    10421069
    10431070.delete-group #buddypress div#message.info p {
  • trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss

    r9861 r9866  
    101101
    102102// BP message boxes
    103 @mixin message-box($background, $text-color: inherit) {
     103@mixin message-box($background, $text-color: null) {
     104
     105    @if($text-color) {
     106        // if a param was passed through
     107        $text-color: $text-color;
     108    } @else {
     109        $text-color: darken($background, 50%);
     110    }
     111
    104112    background: lighten($background, 10%);
    105113    border: 1px solid darken($background, 10%);
     
    12631271*/
    12641272
     1273/* Members loop */
     1274
     1275.groups.group-members {
     1276    #buddypress {
     1277        #members-group-list {
     1278            li {
     1279
     1280                @media screen and (max-width: 30em) {
     1281                    > a {
     1282                        border-bottom: 0;
     1283                        display: block;
     1284                        margin-bottom: $spacing-val-sm;
     1285                        text-align: center;
     1286
     1287                        img.avatar {
     1288                            display: inline;
     1289                            float: none;
     1290                        }
     1291                    }
     1292                }
     1293
     1294                h5 {
     1295                    display: inline-block;
     1296                    @include font-size(14);
     1297
     1298                    @media screen and (min-width: 59.6875em) {
     1299                        @include font-size(16);
     1300                    }
     1301                    margin: 0;
     1302
     1303                    a {border-bottom: 0;}
     1304                } //  close h5
     1305
     1306                span.activity {
     1307                    @include font-size(12);
     1308                }
     1309
     1310                .action {
     1311                    top: 0;
     1312                }
     1313            } // close li
     1314        }
     1315    }
     1316}
     1317
    12651318// Massage the members search for groups nav specifically.
    12661319.groups.group-members {
     
    19181971*-------------------------------------------------------------------------------
    19191972*/
     1973
     1974// message args ($variable-color, text-color)
     1975// Leave text-color undefined to automagically set text color
     1976// to background color darker by 50%
     1977
    19201978#buddypress {
     1979
    19211980    div#message {
    19221981        p {
     
    19271986        &.info {
    19281987            p {
    1929                 @include message-box($notice-info, #fff);
     1988                @include message-box($notice-info);
    19301989            }
    19311990        }
     
    19331992        &.updated {
    19341993            p {
    1935                 @include message-box($notice-update, #fff);
     1994                @include message-box($notice-update);
    19361995            }
    19371996        }
     
    19432002// Without direct classes on our mesages ( 'warning' )
    19442003// we need to use the body classes
    1945 // message args ($variable-color, text-color)
    19462004// todo: If this is class .warning is included in main BP styles remove from here
    19472005.delete-group {
Note: See TracChangeset for help on using the changeset viewer.