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.