Changeset 11587 for trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss

Timestamp:

06/13/2017 04:38:30 AM (9 years ago)

Author:

netweb

Message:

Build Tools: Use stylelint to lint CSS and SCSS files.

• Switches to using ​https://stylelint.io/ for CSS and SCSS linting
• Removes the Ruby SCSS lint tool configuration and Grunt tasks
• One less dependency platform for which BuddyPress repo tool chain.

Props netweb, hnla, DJPaul.
Fixes #7028.

File:

• trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss (modified) (126 diffs)

trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss

@@ -155 +155 @@
 in your child themes root & either start over or modify the rulesets.
 
-If you do not require the styles you can dequeue them from the themes functions file.
+If you do not require the styles you can dequeue them from the themes
+functions file.
 
 Please see this codex article for more information:
@@ -209 +210 @@
 // We reset this here under our #buddypress namespace
 #buddypress {
+
         h1,
         h2,
@@ -223 +225 @@
 
 .buddypress {
-        div.clear {display: none;}
+
+        div.clear {
+                display: none;
+        }
+
         .site-content {
+
                 @media screen and (min-width: 77.5em) {
                 }
@@ -250 +257 @@
                         .entry-header,
                         .entry-content {
-                                padding: 0 3rem 3rem 3rem;
+                                padding: 0 3rem 3rem;
                         }
 
@@ -278 +285 @@
 
 .buddypress #buddypress {
+
         .item-list-tabs,
         .activity-header,
@@ -288 +296 @@
         table,
         .avatar-nav-items {
-                a { border-bottom: 0; }
+
+                a {
+                        border-bottom: 0;
+                }
         }
 
         .pagination-links {
+
                 a,
-                span { border-bottom: 0; }
+                span {
+                        border-bottom: 0;
+                }
         }
 } // close .buddypress #buddypress
@@ -312 +326 @@
         // active/current states all navs
         div.item-list-tabs {
+
                 ul {
+
                         li.selected {
+
                                 a {
                                         background: $dark-background;
@@ -324 +341 @@
         // Global Nav Styles
         div.item-list-tabs {
+
                 ul {
                         background-color: $light-background;
@@ -332 +350 @@
 
                         li {
+
                                 a {
-                                        span {border-radius: 25%;}
+
+                                        span {
+                                                border-radius: 25%;
+                                        }
                                 }
                         }
@@ -344 +366 @@
                 ul {
                         overflow: hidden;
-                        li {float: none;}
+
+                        li {
+                                float: none;
+                        }
+
                         li:not(.selected) {
-                                a {opacity: 0.7;}
+
+                                a {
+                                        opacity: 0.7;
+                                }
                         }
 
                         @media screen and (min-width: 38.75em) {
+
                                 li {
                                         float: left;
@@ -381 +411 @@
                                 label,
                                 option {
+
                                         @include font-size(14);
                                 }
@@ -390 +421 @@
 
                         @media screen and (min-width: 38.75em) {
+
                                 li.last {
                                         text-align: right;
@@ -399 +431 @@
         // active/current states all navs
         div.item-list-tabs {
+
                 ul {
+
                         li.selected,
                         li.current {
+
                                 a {
                                         background: $dark-background;
@@ -413 +448 @@
 } // close #buddypress
 
-        /*__ Vertical menu User Account / Group single screens __*/
+/*__ Vertical menu User Account / Group single screens __*/
 
 // This block contains rules to re-factor the item-body structural element
@@ -419 +454 @@
 
 @media screen and (min-width: 55em) {
+
         .bp-user #buddypress,
         .single-item.groups #buddypress {
@@ -425 +461 @@
 
         #buddypress {
+
                 #item-header,
                 #item-body {
@@ -475 +512 @@
 
 #buddypress {
+
         div.pagination {
                 box-shadow: none;
-                .pag-count {margin-left: 0;}
+
+                .pag-count {
+                        margin-left: 0;
+                }
+
                 .pagination-links {
                         margin-right: 0;
@@ -494 +536 @@
                                 overflow: visible;
                                 width: auto;
-                                &:before {display: none;}
+
+                                &:before {
+                                        display: none;
+                                }
                         }
 
@@ -518 +563 @@
 // Adjusts Meta items and various elements to match 2015 font-family
 #buddypress {
+
         .item-list {
+
                 .activity-header,
                 .activity-meta {
+
                         @include default-font-sans();
                 }
@@ -539 +587 @@
 
 #buddypress {
+
         ul.item-list {
+
                 li {
                         overflow: hidden !important;
@@ -546 +596 @@
                         .item-avatar {
                                 margin-bottom: $spacing-val-sm;
-                                @media screen and (min-width: 38.75em) { margin-bottom: 0; }
+
+                                @media screen and (min-width: 38.75em) {
+                                        margin-bottom: 0;
+                                }
                                 text-align: center;
-                                a {border-bottom: 0;}
+
+                                a {
+                                        border-bottom: 0;
+                                }
+
                                 img.avatar {
                                         display: inline-block;
@@ -563 +620 @@
                                 margin-left: 25%;
 
-                                span.activity {font-style: italic;}
+                                span.activity {
+                                        font-style: italic;
+                                }
 
                                 .item-desc {
@@ -572 +631 @@
 
                         @media screen and (min-width: 59.6875em) {
+
                                 .item-avatar,
                                 .item,
@@ -655 +715 @@
 
 #buddypress {
+
         form#whats-new-form {
 
@@ -665 +726 @@
 
                 @media screen and (max-width: 30em) {
+
                         #whats-new-post-in-box {
+
                                 select {
+
                                         @include font-size(14);
                                         max-width: 120px;
@@ -674 +738 @@
 
                 @media screen and (max-width: 38.75em) {
+
                         #whats-new-content {
                                 clear: left;
@@ -682 +747 @@
                                         float: none;
 
-                                        input {width: 100%;}
+                                        input {
+                                                width: 100%;
+                                        }
                                 }
                         }
@@ -690 +757 @@
                                 flex-direction: column;
 
-                                #whats-new-submit {order: 2;}
-                                #whats-new-post-in-box {order: 1;}
+                                #whats-new-submit {
+                                        order: 2;
+                                }
+
+                                #whats-new-post-in-box {
+                                        order: 1;
+                                }
                         }
                 } // close @media
 
                 #whats-new-options[style] {
+
                         #whats-new-post-in-box {
                                 border: 1px solid rgba($border-color, 0.5);
                                 float: left;
-                                line-height: 1.5em;
+                                line-height: 1.5;
                                 margin-top: 12px;
                                 padding-left: 0.2em;
@@ -716 +789 @@
 
                         @media screen and (min-width: 30em) {
+
                                 #whats-new-post-in-box {
                                         width: auto;
@@ -731 +805 @@
         // User account form requires matching bp default specificity
         #item-body {
+
                 form#whats-new-form {
                         margin: $spacing-val-lg 0;
@@ -774 +849 @@
 
                                 .activity-header {
+
                                         @include font-size(14);
                                 }
@@ -784 +860 @@
                                         margin-right: $spacing-val-sm;
                                         text-align: left;
-                                        a {border-bottom: 0;}
+
+                                        a {
+                                                border-bottom: 0;
+                                        }
                                 }
 
@@ -792 +871 @@
 
                                         .activity-header {
+
                                                 @include font-size(16);
                                         }
@@ -801 +881 @@
 
                 li.mini {
+
                         .activity-avatar {
+
                                 a {
+
                                         img.avatar {
                                                 height: 30px;
@@ -812 +895 @@
 
                         .activity-content {
+
                                 .activity-header {
+
                                         @include font-size(13);
                                 }
@@ -839 +924 @@
 
                         .activity-meta {
+
                                 a {
                                         display: block;
@@ -861 +947 @@
                                 background: darken($light-background, 1%);
                                 border: 1px solid rgba(#9fd1e2, 0.3);
-                                a { font-style: italic; }
+
+                                a {
+                                        font-style: italic;
+                                }
                         }
 
@@ -875 +964 @@
 
 .activity-permalink {
+
         #buddypress {
                 background: none; // counter the .bp-user faux column background
@@ -884 +974 @@
 
                         li.mini {
+
                                 .activity-header {
+
                                         @include font-size(16);
+
                                         @media screen and (min-width: 46.25em) {
+
                                                 @include font-size(20);
                                         }
 
                                         margin-bottom: $spacing-val-lg;
-                                        p {padding: $spacing-val-md;}
+
+                                        p {
+                                                padding: $spacing-val-md;
+                                        }
                                 }
                         }
@@ -906 +1003 @@
 
         #activity-stream {
+
                 .activity-comments {
                         margin: $spacing-val-sm 0 0;
@@ -955 +1053 @@
                                 // reduce/widen the content margins
                                 @media screen and (max-width: 38.75em) {
+
                                         .acomment-avatar {
                                                 display: block;
@@ -960 +1059 @@
 
                                                 a,
-                                                img.avatar {display: inline; float: none;}
+                                                img.avatar {
+                                                        display: inline;
+                                                        float: none;
+                                                }
                                         }
 
@@ -969 +1071 @@
                                         }
 
-                                        .acomment-content {padding: 0 $spacing-val-sm;}
+                                        .acomment-content {
+                                                padding: 0 $spacing-val-sm;
+                                        }
                                 } // close @media
 
                         } // close the ul li comments construct
 
-                        .ac-reply-avatar {display: none;}
+                        .ac-reply-avatar {
+                                display: none;
+                        }
 
                         .ac-reply-content {
@@ -982 +1088 @@
 
                         @media screen and (min-width: 38.75em) {
-                                .ac-reply-avatar {display: block;}
+
+                                .ac-reply-avatar {
+                                        display: block;
+                                }
 
                                 .ac-reply-content {
@@ -996 +1105 @@
                                         display: inline-block;
                                         font-family: inherit;
+
                                         @include font-size(12);
-                                        font-weight: normal;
+                                        font-weight: 400;
                                         line-height: 1.2;
                                         padding: 4px 10px;
@@ -1028 +1138 @@
 
 #buddypress {
+
         #members-list {
 
                 @media screen and (min-width: 59.6875em) {
+
                         li {
+
                                 .item-avatar,
                                 .item {
@@ -1061 +1174 @@
 .bp-user,
 .single-item.groups {
+
         @media screen and (max-width: 46.25em) {
+
                 main {
+
                         header.entry-header {
                                 padding-bottom: 1rem;
@@ -1070 +1186 @@
 
         @media screen and (max-width: 38.75em) {
+
                 h1,
                 #item-header-content {
@@ -1077 +1194 @@
 
         #buddypress {
+
                 @media screen and (max-width: 46.25em) {
+
                         #item-header {
+
                                 .generic-button {
                                         float: none;
-                                        margin: 1.5em 0 0 0;
+                                        margin: 1.5em 0 0;
                                 }
                         }
@@ -1087 +1207 @@
 
                 @media screen and (max-width: 38.75em) {
+
                         h1 {
                                 margin-bottom: 0;
@@ -1092 +1213 @@
 
                         #item-header-avatar {
+
                                 img.avatar {
                                         margin-right: 0;
@@ -1113 +1235 @@
 
 .single-item.groups {
+
         #buddypress {
+
                 @media screen and (max-width: 46.25em) {
+
                         #item-header {
+
                                 #item-meta {
                                         margin-bottom: $spacing-val-md;
@@ -1125 +1251 @@
                 // avatar first after group title
                 @media screen and (max-width: 38.75em) {
+
                         div#item-header {
                                 display: flex;
@@ -1143 +1270 @@
                                 }
 
-                                #item-header-content {order: 2;}
-
-                                #item-actions {order: 3;}
+                                #item-header-content {
+                                        order: 2;
+                                }
+
+                                #item-actions {
+                                        order: 3;
+                                }
                         }
                 } // close @media
@@ -1165 +1296 @@
                                         background: $dark-background;
                                         color: $content-background;
+
                                         @include font-size(14);
 
                                         @media screen and (min-width: 46.25em) {
+
                                                 @include font-size(16);
                                         }
@@ -1211 +1344 @@
 
 .bp-user {
+
         #buddypress {
+
                 #item-header {
                         padding: $spacing-val-md 0;
@@ -1227 +1362 @@
 
                         @media screen and (min-width: 46.25em) {
+
                                 #item-header-avatar {
                                         float: left;
@@ -1258 +1394 @@
 // generally far too large a top margin for headings in our lists
 #item-body {
+
         h1,
         h2,
@@ -1266 +1403 @@
                 margin: 1em 0;
 
-                a {border-bottom: 0;}
+                a {
+                        border-bottom: 0;
+                }
         }
 }
+
 /**
 *----------------------------------------------------
@@ -1286 +1426 @@
 // headings settings screens & general global settings styles
 .groups {
+
         #group-settings-form {
+
                 h3 {
                         background: $dark-background;
@@ -1294 +1436 @@
                 // remove backgrounds from request list member names.
                 #request-list {
+
                         h4 {
                                 background: none;
@@ -1303 +1446 @@
 
 .groups.edit-details {
+
         #group-settings-form {
 
                 label {
                         background: $dark-background;
+
                         @include border-top-radius(4px);
                         color: $content-background;
@@ -1323 +1468 @@
                         background: none;
                         color: inherit;
+
                         @include font-size(14);
                         width: auto;
@@ -1331 +1477 @@
 
 .groups.group-settings {
+
         #group-settings-form,
         #create-group-form {
 
                 div.radio {
+
                         label {
                                 border: 1px solid $border-light;
@@ -1342 +1490 @@
                         ul {
                                 color: #767676;
+
                                 @include font-size(14);
                         }
@@ -1358 +1507 @@
 
 .groups.manage-members {
+
         #group-settings-form {
+
                 .item-list {
+
                         li {
                                 border-bottom: 1px solid $border-light;
@@ -1367 +1519 @@
                                         float: left;
 
-                                        > a {border-bottom: 0;}
+                                        > a {
+                                                border-bottom: 0;
+                                        }
                                 }
 
@@ -1405 +1559 @@
 
 .groups.group-members {
+
         #buddypress {
+
                 #members-group-list {
+
                         li {
 
                                 @media screen and (max-width: 30em) {
+
                                         > a {
                                                 border-bottom: 0;
@@ -1425 +1583 @@
                                 h5 {
                                         display: inline-block;
+
                                         @include font-size(14);
 
                                         @media screen and (min-width: 59.6875em) {
+
                                                 @include font-size(16);
                                         }
@@ -1433 +1593 @@
                                         margin: 0;
 
-                                        a {border-bottom: 0;}
+                                        a {
+                                                border-bottom: 0;
+                                        }
                                 } //  close h5
 
                                 span.activity {
+
                                         @include font-size(12);
                                 }
@@ -1450 +1613 @@
 // Massage the members search for groups nav specifically.
 .groups.group-members {
+
         #subnav {
+
                 li {
+
                         @media screen and (max-width: 38.75em) {
                                 background: $content-background;
@@ -1467 +1633 @@
 
                                         label {
-                                                input[type="text"] {width: 100%;}
+
+                                                input[type="text"] {
+                                                        width: 100%;
+                                                }
                                         }
                                 }
@@ -1484 +1653 @@
 
 .groups.group-invites {
+
         #item-body {
+
                 .item-list {
+
                         .action {
                                 margin-bottom: 0;
@@ -1493 +1665 @@
 
         @media screen and (min-width: 46.25em) {
+
                 #buddypress {
+
                         #item-body {
+
                                 #message {
                                         margin-top: 0;
@@ -1503 +1678 @@
 
         @media screen and (min-width: 55em) {
+
                 #buddypress {
-                        #send-invite-form { margin-top: 0;}
+
+                        #send-invite-form {
+                                margin-top: 0;
+                        }
                 }
         }
 
         #item-body {
+
                 @media screen and (max-width: 46.25em) {
+
                         .left-menu {
                                 float: none;
@@ -1525 +1706 @@
 
                         .submit {
+
                                 input {
                                         display: inline-block;
@@ -1545 +1727 @@
 
 .bp-user {
+
         .entry-title {
                 margin-bottom: 0.5em;
@@ -1561 +1744 @@
 
                 table {
-                        th {@include font-size(14)}
-                        td {@include font-size(12)}
+
+                        th {
+
+                                @include font-size(14);
+                        }
+
+                        td {
+
+                                @include font-size(12);
+                        }
 
                         @media screen and (min-width: 46.25em) {
-                                th {@include font-size(16)}
-                                td {@include font-size(14)}
+
+                                th {
+
+                                        @include font-size(16);
+                                }
+
+                                td {
+
+                                        @include font-size(14);
+                                }
                         }
 
                         @media screen and (min-width: 77.5em) {
-                                th {@include font-size(18)}
-                                td {@include font-size(16)}
-                        }
-                }
-
-                .pag-count {font-style: italic;}
+
+                                th {
+
+                                        @include font-size(18);
+                                }
+
+                                td {
+
+                                        @include font-size(16);
+                                }
+                        }
+                }
+
+                .pag-count {
+                        font-style: italic;
+                }
 
                 .notifications-options-nav,
@@ -1588 +1797 @@
                         select,
                         input {
+
                                 @include font-size(14);
                                 outline: 0;
@@ -1605 +1815 @@
                         input {
                                 float: right;
+
                                 @include default-font-serif();
                                 line-height: 1.5;
@@ -1610 +1821 @@
                                 width: 100%;
 
-                                &[disabled]:hover {background: none;}
+                                &[disabled]:hover {
+                                        background: none;
+                                }
 
                                 @media screen and (min-width: 30em) {
@@ -1631 +1844 @@
 
 .bp-user {
+
         #buddypress {
+
                 .profile {
+
                         .bp-widget {
+
                                 h2 {
                                         background: lighten($dark-background, 10%);
@@ -1641 +1858 @@
                                 }
 
-                                table {margin-top: 0;}
+                                table {
+                                        margin-top: 0;
+                                }
                         }
                 }
@@ -1649 +1868 @@
 /* Edit Profile */
 .bp-user {
+
         #buddypress {
 
                 .profile {
+
                         #profile-edit-form {
+
                                 .button-nav:before,
                                 .button-nav:after {
@@ -1681 +1903 @@
                                                 background: none;
                                                 border: 0;
-                                                @include font-size(18)
+
+                                                @include font-size(18);
                                         }
                                 } //.button-nav
@@ -1687 +1910 @@
                                 .field-visibility-settings-toggle,
                                 .field-visibility-settings {
+
                                         @include font-size(14);
                                 }
@@ -1699 +1923 @@
 
                         .bp-avatar {
+
                                 #bp-delete-avatar {
-                                        a {font-size: inherit; }
+
+                                        a {
+                                                font-size: inherit;
+                                        }
                                 }
                         }
@@ -1718 +1946 @@
 
                 #groups-list {
+
                         li {
+
                                 .item {
+
                                         @media screen and (min-width: 77.5em) {
                                                 left: 5%;
@@ -1765 +1996 @@
                         .message-metadata {
 
-                                &::after {
+                                &:after {
                                         clear: both;
                                         content: "";
@@ -1776 +2007 @@
 
                                 @media screen and (min-width: 46.25em) {
+
                                         img.avatar {
                                                 float: left;
@@ -1796 +2028 @@
 
                         #send-reply {
+
                                 .message-content {
                                         background: $content-background;
@@ -1806 +2039 @@
                         }
 
-                        .bp-tooltip:hover::after,
-                        .bp-tooltip:active::after,
-                        .bp-tooltip:focus::after {
+                        .bp-tooltip:hover:after,
+                        .bp-tooltip:active:after,
+                        .bp-tooltip:focus:after {
                                 right: 40px;
                                 text-align: right;
@@ -1816 +2049 @@
 
                 #message-threads {
+
                         thead {
+
                                 tr {
                                         background: lighten($dark-background, 10%);
@@ -1823 +2058 @@
 
                         tr {
+
                                 td {
                                         background: $content-background;
@@ -1854 +2090 @@
                                 td.thread-options {
                                         border-left: 0 !important;
+
                                         @include calc(width, "100% - 30px");
                                         margin-left: 0;
@@ -1867 +2104 @@
 
                                         a {
+
                                                 @include font-size(12);
                                                 line-height: 2.2;
@@ -1883 +2121 @@
                                         @media screen and (max-width: 38.75em) {
                                                 clear: both;
+
                                                 @include font-size(11);
                                                 width: 100%;
@@ -1890 +2129 @@
 
                         tr.unread {
+
                                 td {
                                         background: $unread;
+                                        border-color: darken($border-light, 10%);
                                         border-bottom-color: darken($border-light, 20%);
-                                        border-color: darken($border-light, 10%);
                                 }
                         }
@@ -1918 +2158 @@
                         list-style: none;
 
-                        li {margin-left: 0;}
+                        li {
+                                margin-left: 0;
+                        }
 
                         li.friend-tab {
@@ -1953 +2195 @@
 
                 #message-threads.sitewide-notices {
+
                         td {
                                 width: 100%;
@@ -1995 +2238 @@
                                 }
 
-                                a:last-child::after {
+                                a:last-child:after {
                                         content: attr(title);
                                         display: block;
@@ -2011 +2254 @@
                 padding-left: $spacing-val-sm;
 
-                ul {    margin: 0; }
+                ul {
+                        margin: 0;
+                }
 
                 li {
@@ -2032 +2277 @@
 
 .bp-user {
+
         #buddypress {
 
@@ -2037 +2283 @@
                         // 'p' = email notification screen sub heading
                         > p {
+
                                 @include font-size(20);
                                 margin: $spacing-val-md 0 $spacing-val-sm;
@@ -2043 +2290 @@
 
                 table.notification-settings {
-                        th.title {width: 75%;}
+
+                        th.title {
+                                width: 75%;
+                        }
+
                         td.yes,
                         td.no {
@@ -2059 +2310 @@
 
                         @media screen and (min-width: 46.25em) {
+
                                 th.field-group-name,
                                 td.field-name {
@@ -2071 +2323 @@
 
                         td.field-visibility {
-                                select {width: 100%;}
+
+                                select {
+                                        width: 100%;
+                                }
                         }
                 }
@@ -2091 +2346 @@
 
         div.activity-comments {
+
                 form {
+
                         .ac-textarea {
                                 background: $light-background;
@@ -2104 +2361 @@
         }
 
-        select {border: 1px solid rgba($border-color, 0.5);}
+        select {
+                border: 1px solid rgba($border-color, 0.5);
+        }
 
         // Overrides for embedded WP editors.
         .wp-editor-wrap {
+
                 a.button,
                 button,
-                input[type=submit],
-                input[type=button],
-                input[type=reset] {
+                input[type="submit"],
+                input[type="button"],
+                input[type="reset"] {
                         padding: 0 5px 1px;
                 }
@@ -2126 +2386 @@
         .standard-form,
         .group-create-form {
+
                 li {
                         float: none;
@@ -2131 +2392 @@
                 }
 
-                input[type='text'],
+                input[type="text"],
                 textarea {
                         width: 100%;
@@ -2155 +2416 @@
                         }
 
-                        input[type='text'] {
+                        input[type="text"] {
                                 float: left;
                                 margin: 0;
@@ -2161 +2422 @@
                         }
 
-                        input[type='text'],
-                        input[type='submit'] {
+                        input[type="text"],
+                        input[type="submit"] {
+
                                 @include font-size(14);
                                 border: 0;
@@ -2168 +2430 @@
                         }
 
-                        input[type='text'] {
+                        input[type="text"] {
                                 border-right: 1px solid rgba($border-color, 0.4);
                                 padding: 0.2em 0 0.2em 0.2em;
                         }
 
-                        input[type='submit'] {
+                        input[type="submit"] {
                                 float: right;
-                                font-weight: normal;
+                                font-weight: 400;
                                 padding: 0.2em 1em;
                                 text-align: center;
@@ -2187 +2449 @@
         // Shift the search parent to the right and allow to shrinkwrap
         @media screen and (min-width: 38.75em) {
+
                 div.dir-search,
                 div.message-search,
@@ -2194 +2457 @@
 
                         form {
+
                                 label,
-                                input[type='text'],
-                                input[type='submit'] {
+                                input[type="text"],
+                                input[type="submit"] {
                                         width: auto;
                                 }
@@ -2207 +2471 @@
                 .dir-search,
                 .message-search {
+
                         form {
-                                input[type='text'] { @include font-size(16) ;}
-                                input[type='submit'] { @include font-size(16) ;}
+
+                                input[type="text"] {
+
+                                        @include font-size(16);
+                                }
+
+                                input[type="submit"] {
+
+                                        @include font-size(16);
+                                }
                         }
                 }
@@ -2227 +2500 @@
 // breakpoints. Provide top/bottom margins for tables, lacking in BP styles
 #buddypress {
+
         table {
+
                 @include font-size(14);
                 margin: $spacing-val-md 0;
@@ -2238 +2513 @@
 
                 // Reduce the themes inherited paragraph margins in tables
-                p {margin-bottom: 0.5em;}
+                p {
+                        margin-bottom: 0.5em;
+                }
         }
 
         @media screen and (min-width: 55em) {
-                table {@include font-size(16);}
+
+                table {
+
+                        @include font-size(16);
+                }
         }
 }
@@ -2253 +2534 @@
         .notifications,
         .messages-notices {
+
                 th {
                         width: 30%;
@@ -2281 +2563 @@
                 // styling issues - this will need styling ideas
                 td {
+
                         .button {
                                 border: 0;
@@ -2293 +2576 @@
         .messages-notices {
 
-                .bp-tooltip:hover::after,
-                .bp-tooltip:active::after,
-                .bp-tooltip:focus::after {
+                .bp-tooltip:hover:after,
+                .bp-tooltip:active:after,
+                .bp-tooltip:focus:after {
                         left: 0;
                         margin-top: 10px;
@@ -2318 +2601 @@
 
 #buddypress {
+
         #item-body {
+
                 div#message {
                         margin-top: $spacing-val-md;
@@ -2329 +2614 @@
 
         div#message {
+
                 p {
+
                         @include font-size(18);
-                        font-weight: bold;
+                        font-weight: 700;
                 }
 
                 &.info {
+
                         p {
+
                                 @include message-box($notice-info);
                         }
@@ -2341 +2630 @@
 
                 &.updated {
+
                         p {
+
                                 @include message-box($notice-update);
                         }
@@ -2353 +2644 @@
 // we need to use the body classes
 .delete-group {
+
         #buddypress {
+
                 div#message.info {
 
                         p {
+
                                 @include message-box($notice-warning);
                         }