Skip to:
Content

BuddyPress.org


Ignore:
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:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-templates/bp-legacy/css/twentytwelve.scss

    r11586 r11587  
    1515// 2012 works two breakpoints 600px/960px
    1616
    17 // @media screen and (min-width: 37.500em)
     17// @media screen and (min-width: 37.5em)
    1818// @media screen and (min-width: 61.5625em)
    19 
    2019
    2120
    … …  
    3736// 600px
    3837@mixin small-up {
    39         @media screen and (min-width: 37.500em) {
     38
     39        @media screen and (min-width: 37.5em) {
     40
    4041                @content;
    4142        }
    … …  
    4344// 960px
    4445@mixin medium-up {
     46
    4547        @media screen and (min-width: 60em) {
     48
    4649                @content;
    4750        }
    … …  
    4952// 1200px
    5053@mixin large-up {
     54
    5155        @media screen and (min-width: 75em) {
     56
    5257                @content;
    5358        }
    … …  
    175180$unread:             #9dc3c8;
    176181$link-action:        #c82b2b;
     182
    177183/*--------------------------------------------------------------
    178184
    … …  
    187193in your child themes root & either start over or modify the rulesets.
    188194
    189 If you do not require the styles you can dequeue them from the themes functions file.
     195If you do not require the styles you can dequeue them from the themes
     196functions file.
    190197
    191198Please see this codex article for more information:
    … …  
    238245
    239246
    240 
    241247.buddypress {
    242248        // Remove any empty clearing elements, CSS provides clearing.
    243         div.clear {display: none;}
     249        div.clear {
     250                display: none;
     251        }
    244252
    245253} // .buddypress (body class)
    … …  
    268276        // active/current states all navs
    269277        div.item-list-tabs {
     278
    270279                ul {
     280
    271281                        li.selected,
    272282                        li.current {
     283
    273284                                a {
    274285                                        background: inherit;
    … …  
    280291        // global nav styles
    281292        div.item-list-tabs {
     293
    282294                ul {
    283295                        overflow: hidden;
    … …  
    285297
    286298                        li {
     299
    287300                                a {
    288301
    … …  
    296309                                        }
    297310
    298                                         span {border-radius: 25%;}
     311                                        span {
     312                                                border-radius: 25%;
     313                                        }
    299314                                }
    300315
    … …  
    334349                                &:hover,
    335350                                &:focus {
    336                                         &:before {content: "Menu \021E7";}
     351
     352                                        &:before {
     353                                                content: "Menu \021E7";
     354                                        }
    337355
    338356                                        ul {
    … …  
    365383                        }
    366384
    367                         @media screen and (max-width: 37.500em) {
     385                        @media screen and (max-width: 37.5em) {
     386
    368387                                li:not(:last-child) {
    369388                                        border-bottom: 1px solid $border-light;
    … …  
    373392                        li:not(.selected) {
    374393
    375                                 @media screen and (max-width: 37.500em) {
     394                                @media screen and (max-width: 37.5em) {
     395
    376396                                        &:focus,
    377397                                        &:hover {
    … …  
    381401                        }
    382402
    383                         @media screen and (min-width: 37.500em) {
     403                        @media screen and (min-width: 37.5em) {
     404
    384405                                li {
    385406                                        float: left;
    … …  
    422443                                label,
    423444                                option {
     445
    424446                                        @include font-size(14);
    425447                                }
    … …  
    440462
    441463.bp-user {
     464
    442465        #buddypress {
     466
    443467                div#subnav.item-list-tabs {
     468
    444469                        li.last {
    445470                                margin-left: 0;
    … …  
    467492
    468493        body.full-width {
     494
    469495                #buddypress {
    470496
    … …  
    508534                                        margin: 0 0 0 (-$spacing-val-md);
    509535
    510                                         ul {margin-top: 0;}
     536                                        ul {
     537                                                margin-top: 0;
     538                                        }
    511539                                }
    512540                        }
    … …  
    521549
    522550@media screen and (min-width: 46.25em) {
     551
    523552        #main {
     553
    524554                #buddypress {
    525555
    … …  
    552582                                                border: 1px solid $border-med;
    553583                                                border-bottom-color: $content-background;
     584
    554585                                                @include border-top-radius(4px);
    555586                                                margin-bottom: -1px;
    … …  
    566597
    567598                        #subnav {
     599
    568600                                ul {
    569601                                        border-bottom: 0;
    … …  
    593625                }
    594626
    595                 .pag-count {margin-left: 0;}
     627                .pag-count {
     628                        margin-left: 0;
     629                }
     630
    596631                .pagination-links {
    597632                        margin-right: 0;
    … …  
    610645                                overflow: visible;
    611646                                width: auto;
    612                                 &:before {display: none;}
     647
     648                                &:before {
     649                                        display: none;
     650                                }
    613651                        }
    614652
    … …  
    641679
    642680#buddypress {
     681
    643682        ul.item-list {
    644683                border-top: 0;
    … …  
    651690                                margin-bottom: $spacing-val-sm;
    652691
    653                                 @media screen and (min-width: 37.500em) {
     692                                @media screen and (min-width: 37.5em) {
    654693                                        margin-bottom: 0;
    655694                                }
    … …  
    657696                                text-align: center;
    658697
    659                                 a {border-bottom: 0;}
     698                                a {
     699                                        border-bottom: 0;
     700                                }
    660701
    661702                                img.avatar {
    … …  
    701742
    702743                                .item-title {
     744
    703745                                        @include font-size(16);
    704746                                        line-height: 1.2;
    … …  
    714756                                                text-decoration: none;
    715757
    716                                                 &:visited { color: #21759b;}
     758                                                &:visited {
     759                                                        color: #21759b;
     760                                                }
    717761                                        }
    718762
    719763                                        .update {
    720764                                                display: block;
     765
    721766                                                @include font-size(12);
    722767
    723768                                                @include medium-up {
     769
    724770                                                        @include font-size(14);
    725771                                                }
    … …  
    733779
    734780                        @include medium-up {
     781
    735782                                .item-avatar,
    736783                                .item,
    … …  
    746793
    747794                                        .item-title {
    748                                                 @include font-size(18)
     795
     796                                                @include font-size(18);
    749797                                        }
    750798                                }
    … …  
    783831                                        //position but inline-block the buttons
    784832
    785                                         @media screen and (min-width: 37.500em) {
     833                                        @media screen and (min-width: 37.5em) {
    786834                                                // keep buttons to a row small tablet up
    787835                                                margin: 0 $spacing-val-sm $spacing-val-sm 0;
    … …  
    821869
    822870#buddypress {
     871
    823872        form#whats-new-form {
    824873
    … …  
    831880
    832881                @media screen and (max-width: 46.25em) {
     882
    833883                        #whats-new-content {
    834884                                clear: left;
    … …  
    839889
    840890                #whats-new-content.active {
     891
    841892                        #whats-new-options[style] {
     893
    842894                                #whats-new-post-in-box {
    843895                                        border: 1px solid rgba($border-color, 0.5);
    844896                                        float: left;
    845                                         line-height: 1.5em;
     897                                        line-height: 1.5;
    846898                                        margin-top: 12px;
    847899                                        padding-left: 0.2em;
    … …  
    859911
    860912                                @media screen and (min-width: 30em) {
     913
    861914                                        #whats-new-post-in-box {
    862915                                                width: auto;
    … …  
    879932        // User account form requires matching bp default specificity
    880933        #item-body {
     934
    881935                form#whats-new-form {
    882936                        margin: $spacing-val-lg 0;
    … …  
    924978
    925979                        .activity-header {
     980
    926981                                @include font-size(14);
    927982
    … …  
    932987
    933988                        .activity-inner {
    934                                 img {height: auto;}
     989
     990                                img {
     991                                        height: auto;
     992                                }
    935993                        }
    936994
    … …  
    9521010
    9531011                                        .activity-header {
     1012
    9541013                                                @include font-size(16);
    9551014                                        }
    … …  
    9651024
    9661025                li.mini {
     1026
    9671027                        .activity-avatar {
     1028
    9681029                                a {
     1030
    9691031                                        img.avatar {
    9701032                                                height: 30px;
    … …  
    9761038
    9771039                        .activity-content {
     1040
    9781041                                .activity-header {
     1042
    9791043                                        @include font-size(14);
    9801044                                }
    9811045
    9821046                                .activity-meta {
     1047
    9831048                                        a {
     1049
    9841050                                                @include font-size(12);
    9851051                                        }
    … …  
    10081074
    10091075                        .activity-meta {
     1076
    10101077                                a {
    10111078                                        display: block;
     1079
    10121080                                        @include font-size(14);
    10131081                                        margin-bottom: $spacing-val-xs;
    10141082
    1015                                         @media screen and (min-width: 37.500em) {
     1083                                        @media screen and (min-width: 37.5em) {
    10161084                                                float: left;
    10171085                                                margin-bottom: 0;
    … …  
    10461114
    10471115.activity-permalink {
     1116
    10481117        #buddypress {
     1118
    10491119                #activity-stream {
    10501120
    … …  
    10541124
    10551125                        li.mini {
     1126
    10561127                                .activity-header {
     1128
    10571129                                        @include font-size(16);
     1130
    10581131                                        @media screen and (min-width: 46.25em) {
     1132
    10591133                                                @include font-size(20);
    10601134                                        }
    10611135
    10621136                                        margin-bottom: $spacing-val-lg;
    1063                                         p {padding: $spacing-val-md;}
     1137
     1138                                        p {
     1139                                                padding: $spacing-val-md;
     1140                                        }
    10641141                                }
    10651142                        } // close li.mini
    … …  
    10971174                                        .acomment-meta,
    10981175                                        .acomment-content {
     1176
    10991177                                                @include font-size(12);
    11001178                                        }
    … …  
    11181196                                        display: inline-block;
    11191197                                        font-family: inherit;
     1198
    11201199                                        @include font-size(12);
    1121                                         font-weight: normal;
     1200                                        font-weight: 400;
    11221201                                        line-height: 1.2;
    11231202                                        padding: 4px 10px;
    … …  
    11511230
    11521231#buddypress {
     1232
    11531233        #members-list {
    11541234
    11551235                @include medium-up {
     1236
    11561237                        li {
     1238
    11571239                                .item-avatar,
    11581240                                .item {
    … …  
    11821264
    11831265#buddypress {
     1266
    11841267        #signup_form.standard-form {
    11851268
    … …  
    11901273                        width: 100%;
    11911274
    1192                         @media screen and (min-width: 37.500em) {
     1275                        @media screen and (min-width: 37.5em) {
    11931276                                width: 48%;
    11941277                        }
    11951278                }
    11961279
    1197                 @media screen and (min-width: 37.500em) {
    1198                         #profile-details-section {float: right;}
    1199                         #basic-details-section {float: left;}
     1280                @media screen and (min-width: 37.5em) {
     1281
     1282                        #profile-details-section {
     1283                                float: right;
     1284                        }
     1285
     1286                        #basic-details-section {
     1287                                float: left;
     1288                        }
    12001289                }
    12011290
    … …  
    12101299
    12111300.bp-user {
     1301
    12121302        #buddypress {
    1213                 // On object nav links, table links (notifications etc) we don't really need :visited
    1214                 // inheritance, so set pseudo class to :link color.
     1303                // On object nav links, table links (notifications etc) we don't really
     1304                // need :visited inheritance, so set pseudo class to :link color.
    12151305                a {
     1306
    12161307                        &:visited {
    12171308                                color: #21759b;
    … …  
    12291320.bp-user,
    12301321.single-item.groups {
     1322
    12311323        #buddypress {
     1324
    12321325                #item-header-content {
     1326
    12331327                        #item-meta {
     1328
    12341329                                @include font-size(14);
    12351330                                text-align: left;
    12361331
    1237                                 p {margin-bottom: 0.5em;}
    1238                         }
    1239                 }
    1240         }
    1241 
    1242         @media screen and (max-width: 37.500em) {
     1332                                p {
     1333                                        margin-bottom: 0.5em;
     1334                                }
     1335                        }
     1336                }
     1337        }
     1338
     1339        @media screen and (max-width: 37.5em) {
     1340
    12431341                h1,
    12441342                #item-header-content {
    … …  
    12481346
    12491347        @media screen and (max-width: 46.25em) {
     1348
    12501349                main {
     1350
    12511351                        header.entry-header {
    12521352                                padding-bottom: 1rem;
    … …  
    12561356
    12571357        #buddypress {
    1258                 @media screen and (max-width: 37.500em) {
     1358
     1359                @media screen and (max-width: 37.5em) {
     1360
    12591361                        h1 {
    12601362                                margin-bottom: 0;
    … …  
    12621364
    12631365                        #item-header-avatar {
     1366
    12641367                                img.avatar {
    12651368                                        margin-right: 0;
    … …  
    12731376
    12741377                @media screen and (max-width: 46.25em) {
     1378
    12751379                        #item-header {
     1380
    12761381                                .generic-button {
    12771382                                        float: none;
    1278                                         margin: 1.5em 0 0 0;
     1383                                        margin: 1.5em 0 0;
    12791384                                }
    12801385                        }
    … …  
    12931398
    12941399.single-item.groups {
     1400
    12951401        #buddypress {
     1402
    12961403                @media screen and (max-width: 46.25em) {
     1404
    12971405                        #item-header {
     1406
    12981407                                #item-meta {
    12991408                                        margin-bottom: $spacing-val-md;
    … …  
    13051414                // avatar first after group title
    13061415                @media screen and (max-width: 50em) {
     1416
    13071417                        div#item-header {
    13081418                                display: flex;
    … …  
    13421452
    13431453                        #item-header-content {
     1454
    13441455                                @include box-model(border-box);
    13451456                        }
    … …  
    13671478
    13681479                                h2 {
     1480
    13691481                                        @include font-size(14);
    13701482                                        padding: 0.2em;
    … …  
    13731485                                #group-admins,
    13741486                                #group-mods {
     1487
    13751488                                        li {
    13761489                                                margin: 0;
    … …  
    14001513
    14011514                        @media screen and (min-width: 64em) {
     1515
    14021516                                #item-header-content {
    14031517                                        width: 40%;
    … …  
    14101524        // activated & attempt to address positioning concerns arising from themes
    14111525        // breakpoints.
    1412         // Due to cover image styles being applied via embedded styles & thus carrying
    1413         // heavier weight than linked styles the use of !important to override may be required.
     1526        // Due to cover image styles being applied via embedded styles & thus
     1527        // carrying heavier weight than linked styles the use of !important to
     1528        // override may be required.
    14141529        #buddypress {
     1530
    14151531                #cover-image-container {
     1532
    14161533                        #item-header-cover-image {
    14171534
    … …  
    14211538
    14221539                                @media screen and (min-width: 50em) and (max-width: 60em) {
     1540
    14231541                                        #item-header-content {
    14241542                                                max-width: 60% !important;
    … …  
    14371555                                                width: auto;
    14381556
    1439                                                 h2 {border-bottom: 1px solid $border-light;}
     1557                                                h2 {
     1558                                                        border-bottom: 1px solid $border-light;
     1559                                                }
    14401560                                        }
    14411561                                } // @media
    … …  
    14571577
    14581578.bp-user {
     1579
    14591580        #buddypress {
     1581
    14601582                #item-header {
    14611583                        padding: $spacing-val-md 0;
    … …  
    14731595
    14741596                        #item-header-content {
     1597
    14751598                                #item-buttons {
     1599
    14761600                                        .generic-button {
    14771601                                                margin-right: 5px;
    … …  
    14811605
    14821606                        @media screen and (min-width: 46.25em) {
     1607
    14831608                                #item-header-avatar {
    14841609                                        float: left;
    … …  
    15241649// headings settings screens & general global settings styles
    15251650.groups {
     1651
    15261652        #group-settings-form {
     1653
    15271654                h3 {
    15281655                        background: $dark-background;
    … …  
    15341661
    15351662.groups.edit-details {
     1663
    15361664        #group-settings-form {
    15371665
    … …  
    15451673                        background: none;
    15461674                        color: inherit;
     1675
    15471676                        @include font-size(14);
    15481677                        width: auto;
    … …  
    15581687
    15591688.groups.group-settings {
     1689
    15601690        #group-settings-form {
    15611691
    … …  
    15661696                        ul {
    15671697                                color: rgba($body-text, 0.6);
     1698
    15681699                                @include font-size(14);
    15691700                        }
    … …  
    15821713
    15831714.groups.manage-members {
     1715
    15841716        #group-settings-form {
     1717
    15851718                .item-list {
     1719
    15861720                        li {
    15871721                                border-bottom: 1px solid $border-light;
    … …  
    15911725                                        float: left;
    15921726
    1593                                         > a {border-bottom: 0;}
     1727                                        > a {
     1728                                                border-bottom: 0;
     1729                                        }
    15941730                                }
    15951731
    … …  
    16051741                                                width: 100%;
    16061742
    1607                                                 @media screen and (min-width: 37.500em) {
     1743                                                @media screen and (min-width: 37.5em) {
    16081744                                                        width: auto;
    16091745                                                }
    … …  
    16281764// Massage the members search for groups nav specifically.
    16291765.groups.group-members {
     1766
    16301767        #subnav {
     1768
    16311769                li {
    1632                         @media screen and (max-width: 37.500em) {
     1770
     1771                        @media screen and (max-width: 37.5em) {
    16331772                                background: $content-background;
    16341773                                padding: $spacing-val-md 0;
    … …  
    16401779                                float: right;
    16411780
    1642                                 @media screen and (max-width: 37.500em) {
     1781                                @media screen and (max-width: 37.5em) {
    16431782                                        margin: 0;
    16441783                                        width: 100%;
    16451784
    16461785                                        label {
    1647                                                 input[type="text"] {width: 100%;}
     1786
     1787                                                input[type="text"] {
     1788                                                        width: 100%;
     1789                                                }
    16481790                                        }
    16491791                                }
    … …  
    16641806
    16651807.bp-user {
    1666         .entry-title {margin-bottom: 0.5em;}
     1808
     1809        .entry-title {
     1810                margin-bottom: 0.5em;
     1811        }
    16671812}
    16681813
    … …  
    16771822
    16781823                table {
    1679                         th {@include font-size(13)}
    1680                         td {@include font-size(12)}
     1824
     1825                        th {
     1826
     1827                                @include font-size(13);
     1828                        }
     1829
     1830                        td {
     1831
     1832                                @include font-size(12);
     1833                        }
    16811834
    16821835                        @include medium-up {
    1683                                 th {@include font-size(16)}
    1684                                 td {@include font-size(14)}
    1685                         }
    1686                 }
    1687 
    1688                 .pag-count {font-style: italic;}
     1836
     1837                                th {
     1838
     1839                                        @include font-size(16);
     1840                                }
     1841
     1842                                td {
     1843
     1844                                        @include font-size(14);
     1845                                }
     1846                        }
     1847                }
     1848
     1849                .pag-count {
     1850                        font-style: italic;
     1851                }
    16891852
    16901853                .notifications-options-nav,
    … …  
    16931856                        width: 100%;
    16941857
    1695                         @media screen and (min-width: 37.500em) {
     1858                        @media screen and (min-width: 37.5em) {
    16961859                                width: 40%;
    16971860                        }
    … …  
    16991862                        select,
    17001863                        input {
     1864
    17011865                                @include font-size(14);
    17021866                                outline: 0;
    … …  
    17091873                                width: 49%;
    17101874
    1711                                 @media screen and (min-width: 37.500em) {
     1875                                @media screen and (min-width: 37.5em) {
    17121876                                        width: auto;
    17131877                                }
    … …  
    17211885                                width: 50%;
    17221886
    1723                                 @media screen and (min-width: 37.500em) {
     1887                                @media screen and (min-width: 37.5em) {
    17241888                                        width: auto;
    17251889                                }
    … …  
    17471911
    17481912                .profile {
     1913
    17491914                        .bp-widget {
     1915
    17501916                                h2 {
    17511917                                        background: lighten($dark-background, 10%);
    … …  
    17551921                                }
    17561922
    1757                                 table {margin-top: 0;}
    1758                         }
     1923                                table {
     1924                                        margin-top: 0;
     1925                                }
     1926                        }
     1927
    17591928                        /* Edit profile */
    17601929
    17611930                        #profile-edit-form {
     1931
    17621932                                .button-nav:before,
    17631933                                .button-nav:after {
    … …  
    17881958                                                background: none;
    17891959                                                border: 0;
    1790                                                 @include font-size(18)
     1960
     1961                                                @include font-size(18);
    17911962                                        }
    17921963                                } //.button-nav
    … …  
    17981969                                .field-visibility-settings-toggle,
    17991970                                .field-visibility-settings {
     1971
    18001972                                        @include font-size(14);
    18011973                                }
    … …  
    18041976                                .visibility-toggle-link {
    18051977                                        background: lighten($dark-background, 10%);
     1978
    18061979                                        @include border-radius(2px);
    18071980                                        color: #f1f1f1;
    1808                                         font-weight: bold;
     1981                                        font-weight: 700;
    18091982                                        padding: 0.1em 0.5em;
    18101983                                        text-decoration: none;
    … …  
    18181991
    18191992                        .bp-avatar {
     1993
    18201994                                #bp-delete-avatar {
    1821                                         a {font-size: inherit; }
     1995
     1996                                        a {
     1997                                                font-size: inherit;
     1998                                        }
    18221999                                }
    18232000                        }
    … …  
    18382015
    18392016                #groups-list {
     2017
    18402018                        li {
     2019
    18412020                                .item {
     2021
    18422022                                        @media screen and (min-width: 77.5em) {
    18432023                                                left: 5%;
    … …  
    18882068                        .message-metadata {
    18892069
    1890                                 &::after {
     2070                                &:after {
    18912071                                        clear: both;
    18922072                                        content: "";
    … …  
    18992079
    19002080                                @media screen and (min-width: 46.25em) {
     2081
    19012082                                        img.avatar {
    19022083                                                float: left;
    … …  
    19192100
    19202101                        #send-reply {
     2102
    19212103                                .message-content {
    19222104                                        background: $content-background;
    … …  
    19292111                        }
    19302112
    1931                         .bp-tooltip:hover::after,
    1932                         .bp-tooltip:active::after,
    1933                         .bp-tooltip:focus::after {
     2113                        .bp-tooltip:hover:after,
     2114                        .bp-tooltip:active:after,
     2115                        .bp-tooltip:focus:after {
    19342116                                right: 40px;
    19352117                                text-align: right;
    … …  
    19412123
    19422124                        thead {
     2125
    19432126                                tr {
    19442127                                        background: lighten($dark-background, 10%);
    … …  
    19472130
    19482131                        tr {
     2132
    19492133                                td {
    19502134                                        background: $content-background;
    … …  
    19752159
    19762160                                        span.icon:before {
     2161
    19772162                                                @include font-size(14);
    19782163                                        }
    … …  
    19832168                                        height: 3em;
    19842169
    1985                                         @media screen and (max-width: 37.500em) {
     2170                                        @media screen and (max-width: 37.5em) {
    19862171                                                height: 5.2em;
    19872172                                        }
    … …  
    19912176                                td.thread-options {
    19922177                                        border-left: 0 !important;
     2178
    19932179                                        @include calc(width, "100% - 30px");
    19942180                                        margin-left: 0;
    … …  
    20042190
    20052191                                        a {
     2192
    20062193                                                @include font-size(12);
    20072194                                                line-height: 1.2;
    … …  
    20182205                                        line-height: 2;
    20192206
    2020                                         @media screen and (max-width: 37.500em) {
     2207                                        @media screen and (max-width: 37.5em) {
    20212208                                                clear: both;
     2209
    20222210                                                @include font-size(11);
    20232211                                                width: 100%;
    … …  
    20272215
    20282216                        tr.unread {
     2217
    20292218                                td {
    20302219                                        border-color: $border-light;
    … …  
    20512240
    20522241                #send_message_form {
     2242
    20532243                        input,
    20542244                        textarea {
    … …  
    20602250                        list-style: none;
    20612251
    2062                         li {margin-left: 0;}
     2252                        li {
     2253                                margin-left: 0;
     2254                        }
    20632255
    20642256                        li.friend-tab {
    … …  
    20952287
    20962288                #message-threads.sitewide-notices {
    2097                         tr {margin: 3em 0;}
     2289
     2290                        tr {
     2291                                margin: 3em 0;
     2292                        }
     2293
    20982294                        td {
    20992295                                width: 100%;
    … …  
    21232319
    21242320                        td:nth-child(2) {
     2321
    21252322                                strong {
    21262323                                        margin: -8px -8px 8px;
    … …  
    21502347                                }
    21512348
    2152                                 a:last-child::after {
     2349                                a:last-child:after {
    21532350                                        content: attr(title);
    21542351                                        display: block;
    … …  
    21742371                        }
    21752372
    2176                         img { vertical-align: bottom;}
     2373                        img {
     2374                                vertical-align: bottom;
     2375                        }
    21772376
    21782377                }
    … …  
    21952394                        // 'p' = email notification screen sub heading
    21962395                        > p {
     2396
    21972397                                @include font-size(20);
    21982398                                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    22012401
    22022402                table.notification-settings {
     2403
    22032404                        td.yes,
    22042405                        td.no {
    … …  
    22172418
    22182419                        @media screen and (min-width: 46.25em) {
     2420
    22192421                                th.field-group-name,
    22202422                                td.field-name {
    … …  
    22292431
    22302432                        td.field-visibility {
    2231                                 select {width: 100%;}
     2433
     2434                                select {
     2435                                        width: 100%;
     2436                                }
    22322437                        }
    22332438                }
    … …  
    22522457// Attempt to reset form control widths
    22532458#main {
     2459
    22542460        #buddypress {
     2461
    22552462                .standard-form {
    22562463
    2257                         li {float: none;}
    2258                         input[type='text'],
    2259                         input[type='email'],
    2260                         input[type='password'],
     2464                        li {
     2465                                float: none;
     2466                        }
     2467
     2468                        input[type="text"],
     2469                        input[type="email"],
     2470                        input[type="password"],
    22612471                        textarea {
    22622472                                width: 100%;
    … …  
    22742484
    22752485                form {
     2486
    22762487                        .ac-textarea {
    22772488                                background: $light-background;
    … …  
    23022513
    23032514        #signup_form.standard-form {
     2515
    23042516                div.submit {
    23052517                        float: none;
    23062518
    2307                         input {margin-right: 0;}
     2519                        input {
     2520                                margin-right: 0;
     2521                        }
    23082522                }
    23092523        }
    … …  
    23122526
    23132527#buddypress {
     2528
    23142529        div.dir-search,
    23152530        div.message-search,
    … …  
    23302545                        }
    23312546
    2332                         input[type='text'],
    2333                         input[type='submit'] {
     2547                        input[type="text"],
     2548                        input[type="submit"] {
     2549
    23342550                                @include font-size(14);
    23352551                                border: 0;
    … …  
    23392555                        }
    23402556
    2341                         input[type='text'] {
     2557                        input[type="text"] {
    23422558                                border-right: 1px solid rgba($border-color, 0.6);
    23432559                                float: left;
    23442560                                margin: 0;
    2345                                 padding: 0 0.2em 0;
     2561                                padding: 0 0.2em;
    23462562                                width: 100%;
    23472563                        }
    23482564
    2349                         input[type='submit'] {
     2565                        input[type="submit"] {
    23502566                                float: right;
    2351                                 font-weight: normal;
     2567                                font-weight: 400;
    23522568                                padding: 0 1em;
    23532569                                text-align: center;
    … …  
    23612577        // Shift the search parent to the right and allow to shrinkwrap
    23622578
    2363         @media screen and (min-width: 37.500em) {
     2579        @media screen and (min-width: 37.5em) {
     2580
    23642581                div.dir-search,
    23652582                div.message-search,
    23662583                li.groups-members-search {
     2584
    23672585                        float: right;
    23682586                        margin-bottom: 5px !important;
    23692587
    23702588                        form {
     2589
    23712590                                label,
    2372                                 input[type='text'],
    2373                                 input[type='submit'] {
     2591                                input[type="text"],
     2592                                input[type="submit"] {
    23742593                                        width: auto;
    23752594                                }
    … …  
    23842603                .dir-search,
    23852604                .message-search {
     2605
    23862606                        form {
    2387                                 input[type='text'] { @include font-size(16) ;}
    2388                                 input[type='submit'] { @include font-size(16) ;}
     2607
     2608                                input[type="text"] {
     2609
     2610                                        @include font-size(16) ;
     2611                                }
     2612
     2613                                input[type="submit"] {
     2614
     2615                                        @include font-size(16) ;
     2616                                }
    23892617                        }
    23902618                }
    … …  
    23992627*/
    24002628.bp-user {
     2629
    24012630        #buddypress {
    24022631
    24032632                table {
     2633
    24042634                        @include font-size(14);
    24052635                        margin: $spacing-val-md 0;
    … …  
    24172647
    24182648                        // Reduce the themes inherited paragraph margins in tables
    2419                         p {margin-bottom: 0.5em;}
     2649                        p {
     2650                                margin-bottom: 0.5em;
     2651                        }
    24202652                }
    24212653
    24222654                @media screen and (min-width: 55em) {
    2423                         table {@include font-size(16);}
     2655
     2656                        table {
     2657
     2658                                @include font-size(16);
     2659                        }
    24242660                }
    24252661
    … …  
    24272663                .notifications,
    24282664                .messages-notices {
     2665
    24292666                        th {
    24302667                                width: 30%;
    … …  
    24592696                        // styling issues - this will need styling ideas
    24602697                        td {
     2698
    24612699                                .button {
    24622700                                        border: 0;
    … …  
    24712709                .messages-notices {
    24722710
    2473                         .bp-tooltip:hover::after,
    2474                         .bp-tooltip:active::after,
    2475                         .bp-tooltip:focus::after {
     2711                        .bp-tooltip:hover:after,
     2712                        .bp-tooltip:active:after,
     2713                        .bp-tooltip:focus:after {
    24762714                                left: 0;
    24772715                                margin-top: 10px;
    … …  
    24972735
    24982736#buddypress {
     2737
    24992738        div#message {
     2739
    25002740                p {
     2741
    25012742                        @include font-size(18);
    2502                         font-weight: bold;
     2743                        font-weight: 700;
    25032744                }
    25042745
    25052746                &.info {
     2747
    25062748                        p {
     2749
    25072750                                @include message-box($notice-info);
    25082751                        }
    … …  
    25102753
    25112754                &.updated {
     2755
    25122756                        p {
     2757
    25132758                                @include message-box($notice-update);
    25142759                        }
    … …  
    25212766// Without direct classes on our mesages ( 'warning' )
    25222767// we need to use the body classes
    2523 // todo: If this is class .warning is included in main BP styles remove from here
     2768// @todo If this class .warning is included in main BP styles remove from here
    25242769.delete-group {
     2770
    25252771        #buddypress {
     2772
    25262773                div#message.info {
     2774
    25272775                        p {
     2776
    25282777                                @include message-box($notice-warning);
    25292778                        }
Note: See TracChangeset for help on using the changeset viewer.