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/twentyeleven.scss

    r11586 r11587  
    3131// max-width 320px
    3232@mixin small-only {
     33
    3334    @media screen and (max-width: 320px) {
     35
    3436        @content;
    3537    }
    … …  
    3840// min-width 320px
    3941@mixin xsmall-up {
     42
    4043    @media screen and (min-width: 320px) {
     44
    4145        @content;
    4246    }
    … …  
    4549// min-width 450px
    4650@mixin small-up {
     51
    4752    @media screen and (min-width: 450px) {
     53
    4854        @content;
    4955    }
    … …  
    5258// min-width 650px (match to 2011 max widths)
    5359@mixin medium-up {
     60
    5461    @media screen and (min-width: 650px) {
     62
    5563        @content;
    5664    }
    … …  
    5967// min-width 800px (match to 2011 max widths)
    6068@mixin large-up {
     69
    6170    @media screen and (min-width: 800px) {
     71
    6272        @content;
    6373    }
    … …  
    6878// max-width 800px
    6979@mixin max800 {
     80
    7081    @media screen and (max-width: 800px) {
     82
    7183        @content;
    7284    }
    … …  
    7486// max-width 650px
    7587@mixin max650 {
     88
    7689    @media screen and (max-width: 650px) {
     90
    7791        @content;
    7892    }
    … …  
    8094// max-width 450px
    8195@mixin max450 {
     96
    8297    @media screen and (max-width: 450px) {
     98
    8399        @content;
    84100    }
    … …  
    209225$unread:             #9dc3c8;
    210226$link-action:        #c82b2b;
     227
    211228/*--------------------------------------------------------------
    212229
    … …  
    221238in your child themes root & either start over or modify the rulesets.
    222239
    223 If you do not require the styles you can dequeue them from the themes functions file.
     240If you do not require the styles you can dequeue them from the themes
     241functions file.
    224242
    225243Please see this codex article for more information:
    … …  
    274292.buddypress {
    275293    // Remove any empty clearing elements, CSS provides clearing.
    276     div.clear {display: none;}
     294    div.clear {
     295        display: none;
     296    }
    277297
    278298} // .buddypress (body class)
    … …  
    288308
    289309    #content {
    290         margin: 0 10% 0;
     310        margin: 0 10%;
    291311        width: auto;
    292312
    … …  
    300320// Reduce the top padding for single pages, too extreme for BP screens.
    301321.buddypress.singular.page {
     322
    302323    .hentry {
    303324        padding-top: 0;
    … …  
    322343// We have a need to override BP specifity
    323344// so some rulesets sets will appear over weighted in selectors
     345
    324346/* Here we start things off */
    325347#buddypress {
    … …  
    327349    // active/current states all navs
    328350    div.item-list-tabs {
     351
    329352        ul {
     353
    330354            li.selected,
    331355            li.current {
     356
    332357                a {
    333358                    background: inherit;
    … …  
    339364    // global nav styles
    340365    div.item-list-tabs {
     366
    341367        ul {
    342368            overflow: hidden;
    … …  
    344370
    345371            li {
     372
    346373                a {
    347374
    … …  
    355382                    }
    356383
    357                     span {border-radius: 25%;}
     384                    span {
     385                        border-radius: 25%;
     386                    }
    358387                }
    359388
    … …  
    394423                &:hover,
    395424                &:active {
    396                     &:before {content: "Menu \021E7";}
     425
     426                    &:before {
     427                        content: "Menu \021E7";
     428                    }
    397429
    398430                    ul {
    … …  
    483515                label,
    484516                option {
     517
    485518                    @include font-size(14);
    486519                }
    … …  
    501534
    502535.bp-user {
     536
    503537    #buddypress {
     538
    504539        div#subnav.item-list-tabs {
     540
    505541            li.last {
    506542                margin-left: 0;
    … …  
    528564
    529565    body.bp-user {
     566
    530567        #buddypress {
    531568
    … …  
    573610                    margin: 0 0 0 (-$spacing-val-md);
    574611
    575                     ul {margin-top: 0;}
     612                    ul {
     613                        margin-top: 0;
     614                    }
    576615                }
    577616            }
    … …  
    586625
    587626@include medium-up {
     627
    588628    #main {
     629
    589630        #buddypress {
    590631
    … …  
    617658                        border: 1px solid $border-med;
    618659                        border-bottom-color: $content-background;
     660
    619661                        @include border-top-radius(4px);
    620662                        margin-bottom: -1px;
    … …  
    631673
    632674            #subnav {
     675
    633676                ul {
    634677                    border-bottom: 0;
    … …  
    658701        }
    659702
    660         .pag-count {margin-left: 0;}
     703        .pag-count {
     704            margin-left: 0;
     705        }
     706
    661707        .pagination-links {
    662708            margin-right: 0;
    … …  
    675721                overflow: visible;
    676722                width: auto;
    677                 &:before {display: none;}
     723
     724                &:before {
     725                    display: none;
     726                }
    678727            }
    679728
    … …  
    706755
    707756#buddypress {
     757
    708758    ul.item-list {
    709759        border-top: 0;
    … …  
    722772                text-align: center;
    723773
    724                 a {border-bottom: 0;}
     774                a {
     775                    border-bottom: 0;
     776                }
    725777
    726778                img.avatar {
    … …  
    761813
    762814                .item-title {
     815
    763816                    @include font-size(16);
    764817                    line-height: 1.2;
    … …  
    774827                        text-decoration: none;
    775828
    776                         &:visited { color: #21759b;}
     829                        &:visited {
     830                            color: #21759b;
     831                        }
    777832                    }
    778833
    779834                    .update {
    780835                        display: block;
     836
    781837                        @include font-size(12);
    782838
    783839                        @include medium-up {
     840
    784841                            @include font-size(14);
    785842                        }
    … …  
    793850
    794851            @include medium-up {
     852
    795853                .item-avatar,
    796854                .item,
    … …  
    806864
    807865                    .item-title {
    808                         @include font-size(18)
     866
     867                        @include font-size(18);
    809868                    }
    810869                }
    … …  
    881940
    882941#buddypress {
     942
    883943    form#whats-new-form {
    884944
    … …  
    891951
    892952        @include max650 {
     953
    893954            #whats-new-content {
    894955                clear: left;
    … …  
    899960
    900961        #whats-new-content.active {
     962
    901963            #whats-new-options[style] {
     964
    902965                #whats-new-post-in-box {
    903966                    border: 1px solid rgba($border-color, 0.5);
    904967                    float: left;
     968
    905969                    @include font-size(12);
    906970                    line-height: 1.6;
    … …  
    921985
    922986                @media screen and (min-width: 30em) {
     987
    923988                    #whats-new-post-in-box {
    924989                        width: auto;
    … …  
    926991
    927992                    #whats-new-submit {
     993
    928994                        @include font-size(12);
    929995                        float: right;
    … …  
    9421008    // User account form requires matching bp default specificity
    9431009    #item-body {
     1010
    9441011        form#whats-new-form {
    9451012            margin: $spacing-val-lg 0;
    … …  
    9641031
    9651032            &.load-newest {
     1033
    9661034                a {
    9671035                    display: block;
    … …  
    9931061
    9941062            .activity-header {
     1063
    9951064                @include font-size(14);
    9961065
    … …  
    10011070
    10021071            .activity-inner {
    1003                 img {height: auto;}
     1072
     1073                img {
     1074                    height: auto;
     1075                }
    10041076            }
    10051077
    … …  
    10211093
    10221094                    .activity-header {
     1095
    10231096                        @include font-size(16);
    10241097                    }
    … …  
    10341107
    10351108        li.mini {
     1109
    10361110            .activity-avatar {
     1111
    10371112                a {
     1113
    10381114                    img.avatar {
    10391115                        height: 30px;
    … …  
    10451121
    10461122            .activity-content {
     1123
    10471124                .activity-header {
     1125
    10481126                    @include font-size(14);
    10491127                }
    10501128
    10511129                .activity-meta {
     1130
    10521131                    a {
     1132
    10531133                        @include font-size(12);
    10541134                    }
    … …  
    10771157
    10781158            .activity-meta {
     1159
    10791160                a {
    10801161                    display: block;
     1162
    10811163                    @include font-size(14);
    10821164                    margin-bottom: $spacing-val-xs;
    … …  
    11151197
    11161198.activity-permalink {
     1199
    11171200    #buddypress {
     1201
    11181202        #activity-stream {
    11191203
    … …  
    11231207
    11241208            li.mini {
     1209
    11251210                .activity-header {
     1211
    11261212                    @include font-size(16);
     1213
    11271214                    @include medium-up {
     1215
    11281216                        @include font-size(20);
    11291217                    }
    11301218
    11311219                    margin-bottom: $spacing-val-lg;
    1132                     p {padding: $spacing-val-md;}
     1220
     1221                    p {
     1222                        padding: $spacing-val-md;
     1223                    }
    11331224                }
    11341225            } // close li.mini
    … …  
    11661257                    .acomment-meta,
    11671258                    .acomment-content {
     1259
    11681260                        @include font-size(12);
    11691261                    }
    … …  
    11841276                    display: inline-block;
    11851277                    font-family: inherit;
     1278
    11861279                    @include font-size(12);
    1187                     font-weight: normal;
     1280                    font-weight: 400;
    11881281                    line-height: 1.2;
    11891282                    padding: 4px 10px;
    … …  
    12171310
    12181311#buddypress {
     1312
    12191313    #members-list {
    12201314
    12211315        @include medium-up {
     1316
    12221317            li {
     1318
    12231319                .item-avatar,
    12241320                .item {
    … …  
    12481344
    12491345#buddypress {
     1346
    12501347    #signup_form.standard-form {
    12511348
    … …  
    12561353            width: 100%;
    12571354
    1258             @media screen and (min-width: 37.500em) {
     1355            @media screen and (min-width: 37.5em) {
    12591356                width: 48%;
    12601357            }
    12611358        }
    12621359
    1263         @media screen and (min-width: 37.500em) {
    1264             #profile-details-section {float: right;}
    1265             #basic-details-section {float: left;}
     1360        @media screen and (min-width: 37.5em) {
     1361
     1362            #profile-details-section {
     1363                float: right;
     1364            }
     1365
     1366            #basic-details-section {
     1367                float: left;
     1368            }
    12661369        }
    12671370
    … …  
    12761379
    12771380.bp-user {
     1381
    12781382    #buddypress {
    1279         // On object nav links, table links (notifications etc) we don't really need :visited
    1280         // inheritance, so set pseudo class to :link color.
     1383        // On object nav links, table links (notifications etc) we don't really
     1384        // need :visited inheritance, so set pseudo class to :link color.
    12811385        a {
     1386
    12821387            &:visited {
    12831388                color: #21759b;
    … …  
    12951400.bp-user,
    12961401.single-item.groups {
     1402
    12971403    #buddypress {
     1404
    12981405        #item-header-content {
     1406
    12991407            #item-meta {
     1408
    13001409                @include font-size(14);
    13011410                text-align: left;
    13021411
    1303                 p {margin-bottom: 0.5em;}
    1304             }
    1305         }
    1306     }
    1307 
    1308     @media screen and (max-width: 37.500em) {
     1412                p {
     1413                    margin-bottom: 0.5em;
     1414                }
     1415            }
     1416        }
     1417    }
     1418
     1419    @media screen and (max-width: 37.5em) {
     1420
    13091421        h1,
    13101422        #item-header-content {
    … …  
    13141426
    13151427    @media screen and (max-width: 46.25em) {
     1428
    13161429        main {
     1430
    13171431            header.entry-header {
    13181432                padding-bottom: 1rem;
    … …  
    13221436
    13231437    #buddypress {
    1324         @media screen and (max-width: 37.500em) {
     1438
     1439        @media screen and (max-width: 37.5em) {
     1440
    13251441            h1 {
    13261442                margin-bottom: 0;
    … …  
    13281444
    13291445            #item-header-avatar {
     1446
    13301447                img.avatar {
    13311448                    margin-right: 0;
    … …  
    13431460
    13441461        @media screen and (max-width: 46.25em) {
     1462
    13451463            #item-header {
     1464
    13461465                .generic-button {
    13471466                    float: none;
    1348                     margin: 1.5em 0 0 0;
     1467                    margin: 1.5em 0 0;
    13491468                }
    13501469            }
    … …  
    13561475// Manage cover images
    13571476@include max800 {
     1477
    13581478    #buddypress {
     1479
    13591480        #item-header-cover-image {
     1481
    13601482            #item-header-content {
     1483
    13611484                .user-nicename {
    13621485                    color: #555;
    … …  
    13771500
    13781501.single-item.groups {
     1502
    13791503    #buddypress {
     1504
    13801505        @media screen and (max-width: 46.25em) {
     1506
    13811507            #item-header {
     1508
    13821509                #item-meta {
    13831510                    margin-bottom: $spacing-val-md;
    … …  
    13891516        // avatar first after group title
    13901517        @media screen and (max-width: 50em) {
     1518
    13911519            div#item-header {
    13921520                display: flex;
    … …  
    14261554
    14271555            #item-header-content {
     1556
    14281557                @include box-model(border-box);
    14291558            }
    … …  
    14511580
    14521581                h2 {
     1582
    14531583                    @include font-size(14);
    1454                     font-weight: bold;
     1584                    font-weight: 700;
    14551585                    line-height: 1.4;
    14561586                }
    … …  
    14581588                #group-admins,
    14591589                #group-mods {
     1590
    14601591                    li {
    14611592                        margin: 0;
    … …  
    14851616
    14861617            @media screen and (min-width: 64em) {
     1618
    14871619                #item-header-content {
    14881620                    width: 40%;
    … …  
    14921624    } // close #buddypress
    14931625
    1494     // These rules handle the specific instance of Cover Images on single groups
    1495     // activated & attempt to address positioning concerns arising from themes
    1496     // breakpoints.
    1497     // Due to cover image styles being applied via embedded styles & thus carrying
    1498     // heavier weight than linked styles the use of !important to override may be required.
     1626    // These rules handle the specific instance of Cover Images on single
     1627    // groups activated & attempt to address positioning concerns arising
     1628    // from themes breakpoints. Due to cover image styles being applied via
     1629    // embedded styles & thus carrying heavier weight than linked styles
     1630    // the use of !important to override may be required.
    14991631    #buddypress {
     1632
    15001633        #cover-image-container {
     1634
    15011635            #item-header-cover-image {
    15021636
    … …  
    15061640
    15071641                @media screen and (min-width: 50em) and (max-width: 60em) {
     1642
    15081643                    #item-header-content {
    15091644                        max-width: 60% !important;
    … …  
    15221657                        width: auto;
    15231658
    1524                         h2 {border-bottom: 1px solid $border-light;}
     1659                        h2 {
     1660                            border-bottom: 1px solid $border-light;
     1661                        }
    15251662                    }
    15261663                } // @media
    … …  
    15401677
    15411678.bp-user {
     1679
    15421680    #buddypress {
     1681
    15431682        #item-header {
    15441683
    … …  
    15551694
    15561695            #item-header-content {
     1696
    15571697                #item-buttons {
     1698
    15581699                    .generic-button {
    15591700                        margin-right: 5px;
    … …  
    15631704
    15641705            @include medium-up {
     1706
    15651707                #item-header-avatar {
    15661708                    float: left;
    … …  
    16061748// headings settings screens & general global settings styles
    16071749.groups {
     1750
    16081751    #group-settings-form {
     1752
    16091753        h3 {
    16101754            background: $dark-background;
    … …  
    16161760
    16171761.groups.edit-details {
     1762
    16181763    #group-settings-form {
    16191764
    … …  
    16271772            background: none;
    16281773            color: inherit;
     1774
    16291775            @include font-size(14);
    16301776            width: auto;
    … …  
    16401786
    16411787.groups.group-settings {
     1788
    16421789    #group-settings-form {
    16431790
    16441791        div.radio label {
    1645             font-weight: bold;
     1792            font-weight: 700;
    16461793            padding: 0.2em;
    16471794
    16481795            ul {
    16491796                color: rgba($body-text, 0.6);
     1797
    16501798                @include font-size(14);
    16511799            }
    … …  
    16641812
    16651813.groups.manage-members {
     1814
    16661815    #group-settings-form {
     1816
    16671817        .item-list {
     1818
    16681819            li {
    16691820                border-bottom: 1px solid $border-light;
    … …  
    16711822                img,
    16721823                h5 {
     1824
    16731825                    @include medium-up {
    16741826                        float: left;
    16751827                    }
    16761828
    1677                     > a {border-bottom: 0;}
     1829                    > a {
     1830                        border-bottom: 0;
     1831                    }
    16781832                }
    16791833
    … …  
    17121866// Massage the members search for groups nav specifically.
    17131867.groups.group-members {
     1868
    17141869    #subnav {
     1870
    17151871        li {
     1872
    17161873            @include max450 {
    17171874                background: $content-background;
    … …  
    17251882
    17261883                label {
     1884
    17271885                    input[type="text"] {
    17281886                        box-shadow: none;
    … …  
    17581916
    17591917        table {
    1760             th {@include font-size(13)}
    1761             td {@include font-size(12)}
     1918
     1919            th {
     1920
     1921                @include font-size(13);
     1922            }
     1923
     1924            td {
     1925
     1926                @include font-size(12);
     1927            }
    17621928
    17631929            @include medium-up {
    1764                 th {@include font-size(16)}
    1765                 td {@include font-size(14)}
    1766             }
    1767         }
    1768 
    1769         .pag-count {font-style: italic;}
     1930
     1931                th {
     1932
     1933                    @include font-size(16);
     1934                }
     1935
     1936                td {
     1937
     1938                    @include font-size(14);
     1939                }
     1940            }
     1941        }
     1942
     1943        .pag-count {
     1944            font-style: italic;
     1945        }
    17701946
    17711947        .notifications-options-nav,
    … …  
    17741950            width: 100%;
    17751951
    1776             @media screen and (min-width: 37.500em) {
     1952            @media screen and (min-width: 37.5em) {
    17771953                width: 40%;
    17781954            }
    … …  
    17801956            select,
    17811957            input {
     1958
    17821959                @include font-size(14);
    17831960                outline: 0;
    … …  
    17901967                width: 49%;
    17911968
    1792                 @media screen and (min-width: 37.500em) {
     1969                @media screen and (min-width: 37.5em) {
    17931970                    width: auto;
    17941971                }
    … …  
    18021979                width: 50%;
    18031980
    1804                 @media screen and (min-width: 37.500em) {
     1981                @media screen and (min-width: 37.5em) {
    18051982                    width: auto;
    18061983                }
    … …  
    18282005
    18292006        .profile {
     2007
    18302008            .bp-widget {
     2009
    18312010                h2 {
    18322011                    background: lighten($dark-background, 10%);
    … …  
    18362015                }
    18372016
    1838                 table {margin-top: 0;}
     2017                table {
     2018                    margin-top: 0;
     2019                }
    18392020            }
    18402021
    … …  
    18422023
    18432024            #profile-edit-form {
     2025
    18442026                .button-nav:before,
    18452027                .button-nav:after {
    … …  
    18702052                        background: none;
    18712053                        border: 0;
    1872                         @include font-size(18)
     2054
     2055                        @include font-size(18);
    18732056                    }
    18742057                } //.button-nav
    … …  
    18802063                .field-visibility-settings-toggle,
    18812064                .field-visibility-settings {
     2065
    18822066                    @include font-size(14);
    18832067                }
    … …  
    18862070                .visibility-toggle-link {
    18872071                    background: lighten($dark-background, 10%);
     2072
    18882073                    @include border-radius(2px);
    18892074                    color: #eee;
    1890                     font-weight: bold;
     2075                    font-weight: 700;
    18912076                    padding: 0.1em 0.5em;
    18922077                    text-decoration: none;
    … …  
    19002085
    19012086            .bp-avatar {
     2087
    19022088                #bp-delete-avatar {
    1903                     a {font-size: inherit; }
     2089
     2090                    a {
     2091                        font-size: inherit;
     2092                    }
    19042093                }
    19052094            }
    … …  
    19472136            .message-metadata {
    19482137
    1949                 &::after {
     2138                &:after {
    19502139                    clear: both;
    19512140                    content: "";
    … …  
    19582147
    19592148                @media screen and (min-width: 46.25em) {
     2149
    19602150                    img.avatar {
    19612151                        float: left;
    … …  
    19782168
    19792169            #send-reply {
     2170
    19802171                .message-content {
    19812172                    background: $content-background;
    … …  
    19882179            }
    19892180
    1990             .bp-tooltip:hover::after,
    1991             .bp-tooltip:active::after,
    1992             .bp-tooltip:focus::after {
     2181            .bp-tooltip:hover:after,
     2182            .bp-tooltip:active:after,
     2183            .bp-tooltip:focus:after {
    19932184                right: 40px;
    19942185                text-align: right;
    … …  
    20002191
    20012192            thead {
     2193
    20022194                tr {
    20032195                    background: lighten($dark-background, 10%);
    … …  
    20062198
    20072199            tr {
     2200
    20082201                td {
    20092202                    background: $content-background;
    … …  
    20342227
    20352228                    span.icon:before {
     2229
    20362230                        @include font-size(14);
    20372231                    }
    … …  
    20422236                    height: 3em;
    20432237
    2044                     @media screen and (max-width: 37.500em) {
     2238                    @media screen and (max-width: 37.5em) {
    20452239                        height: 5.2em;
    20462240                    }
    … …  
    20502244                td.thread-options {
    20512245                    border-left: 0 !important;
     2246
    20522247                    @include calc(width, "100% - 30px");
    20532248                    margin-left: 0;
    … …  
    20632258
    20642259                    a {
     2260
    20652261                        @include font-size(12);
    20662262                        line-height: 1.2;
    … …  
    20772273                    line-height: 2;
    20782274
    2079                     @media screen and (max-width: 37.500em) {
     2275                    @media screen and (max-width: 37.5em) {
    20802276                        clear: both;
     2277
    20812278                        @include font-size(11);
    20822279                        width: 100%;
    … …  
    20862283
    20872284            tr.unread {
     2285
    20882286                td {
    20892287                    border-color: $border-light;
    … …  
    21102308
    21112309        #send_message_form {
     2310
    21122311            input,
    21132312            textarea {
    … …  
    21192318            list-style: none;
    21202319
    2121             li {margin-left: 0;}
     2320            li {
     2321                margin-left: 0;
     2322            }
    21222323
    21232324            li.friend-tab {
    … …  
    21542355
    21552356        #message-threads.sitewide-notices {
    2156             tr {margin: 3em 0;}
     2357
     2358            tr {
     2359                margin: 3em 0;
     2360            }
     2361
    21572362            td {
    21582363                width: 100%;
    … …  
    21822387
    21832388            td:nth-child(2) {
     2389
    21842390                strong {
    21852391                    margin: -8px -8px 8px;
    … …  
    22092415                }
    22102416
    2211                 a:last-child::after {
     2417                a:last-child:after {
    22122418                    content: attr(title);
    22132419                    display: block;
    … …  
    22332439            }
    22342440
    2235             img { vertical-align: bottom;}
     2441            img {
     2442                vertical-align: bottom;
     2443            }
    22362444
    22372445        }
    … …  
    22542462            // 'p' = email notification screen sub heading
    22552463            > p {
     2464
    22562465                @include font-size(20);
    22572466                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    22602469
    22612470        table.notification-settings {
     2471
    22622472            td.yes,
    22632473            td.no {
    … …  
    22762486
    22772487            @media screen and (min-width: 46.25em) {
     2488
    22782489                th.field-group-name,
    22792490                td.field-name {
    … …  
    22882499
    22892500            td.field-visibility {
    2290                 select {width: 100%;}
     2501
     2502                select {
     2503                    width: 100%;
     2504                }
    22912505            }
    22922506        }
    … …  
    23112525// Attempt to reset form control widths
    23122526#main {
     2527
    23132528    #buddypress {
     2529
    23142530        .standard-form {
    23152531
    2316             li {float: none;}
    2317             input[type='text'],
    2318             input[type='email'],
    2319             input[type='password'],
     2532            li {
     2533                float: none;
     2534            }
     2535
     2536            input[type="text"],
     2537            input[type="email"],
     2538            input[type="password"],
    23202539            textarea {
    23212540                width: 100%;
    … …  
    23332552
    23342553        form {
     2554
    23352555            .ac-textarea {
    23362556                background: $light-background;
    … …  
    23612581
    23622582    #signup_form.standard-form {
     2583
    23632584        div.submit {
    23642585            float: none;
    23652586
    2366             input {margin-right: 0;}
     2587            input {
     2588                margin-right: 0;
     2589            }
    23672590        }
    23682591    }
    … …  
    23712594
    23722595#buddypress {
     2596
    23732597    div.dir-search,
    23742598    div.message-search,
    … …  
    23862610            }
    23872611
    2388             input[type='text'],
    2389             input[type='submit'] {
     2612            input[type="text"],
     2613            input[type="submit"] {
    23902614                border: 0;
    23912615                border-radius: 0;
    23922616                box-shadow: none;
    23932617                box-sizing: border-box;
     2618
    23942619                @include font-size(14);
    23952620                line-height: 1.8;
    … …  
    23972622            }
    23982623
    2399             input[type='text'] {
     2624            input[type="text"] {
    24002625                border-right: 1px solid rgba($border-color, 0.6);
    24012626                float: left;
    24022627                margin: 0;
    2403                 padding: 0 0.2em 0;
     2628                padding: 0 0.2em;
    24042629                width: 70%;
    24052630            }
    24062631
    2407             input[type='submit'] {
     2632            input[type="submit"] {
    24082633                float: right;
    2409                 font-weight: normal;
     2634                font-weight: 400;
    24102635                padding: 0 1em;
    24112636                text-align: center;
    … …  
    24192644    // Shift the search parent to the right and allow to shrinkwrap
    24202645
    2421     @media screen and (min-width: 37.500em) {
     2646    @media screen and (min-width: 37.5em) {
     2647
    24222648        div.dir-search,
    24232649        div.message-search,
    … …  
    24272653
    24282654            form {
     2655
    24292656                label,
    2430                 input[type='text'],
    2431                 input[type='submit'] {
     2657                input[type="text"],
     2658                input[type="submit"] {
    24322659                    width: auto;
    24332660                }
    … …  
    24422669        .dir-search,
    24432670        .message-search {
     2671
    24442672            form {
    2445                 input[type='text'] { @include font-size(16) ;}
    2446                 input[type='submit'] { @include font-size(16) ;}
     2673
     2674                input[type="text"] {
     2675
     2676                    @include font-size(16);
     2677                }
     2678
     2679                input[type="submit"] {
     2680
     2681                    @include font-size(16);
     2682                }
    24472683            }
    24482684        }
    … …  
    24572693*/
    24582694.bp-user {
     2695
    24592696    #buddypress {
    24602697
    24612698        table {
     2699
    24622700            @include font-size(14);
    24632701            margin: $spacing-val-md 0;
    … …  
    24672705                border-color: darken($border-light, 20%);
    24682706                color: $content-background;
     2707
    24692708                @include font-size(16);
    24702709                padding: 0 8px;
    … …  
    24772716
    24782717            // Reduce the themes inherited paragraph margins in tables
    2479             p {margin-bottom: 0.5em;}
     2718            p {
     2719                margin-bottom: 0.5em;
     2720            }
    24802721        }
    24812722
    24822723        @media screen and (min-width: 55em) {
    2483             table {@include font-size(16);}
     2724
     2725            table {
     2726
     2727                @include font-size(16);
     2728            }
    24842729        }
    24852730
    … …  
    24872732        .notifications,
    24882733        .messages-notices {
     2734
    24892735            th {
    24902736                width: 30%;
    … …  
    25192765            // styling issues - this will need styling ideas
    25202766            td {
     2767
    25212768                .button {
    25222769                    border: 0;
    … …  
    25312778        .messages-notices {
    25322779
    2533             .bp-tooltip:hover::after,
    2534             .bp-tooltip:active::after,
    2535             .bp-tooltip:focus::after {
     2780            .bp-tooltip:hover:after,
     2781            .bp-tooltip:active:after,
     2782            .bp-tooltip:focus:after {
    25362783                left: 0;
    25372784                margin-top: 10px;
    … …  
    25572804
    25582805#buddypress {
     2806
    25592807    div#message {
     2808
    25602809        p {
     2810
    25612811            @include font-size(18);
    2562             font-weight: bold;
     2812            font-weight: 700;
    25632813        }
    25642814
    25652815        &.info {
     2816
    25662817            p {
     2818
    25672819                @include message-box($notice-info);
    25682820            }
    … …  
    25702822
    25712823        &.updated {
     2824
    25722825            p {
     2826
    25732827                @include message-box($notice-update);
    25742828            }
    … …  
    25812835// Without direct classes on our mesages ( 'warning' )
    25822836// we need to use the body classes
    2583 // todo: If this is class .warning is included in main BP styles remove from here
     2837// @todo If this class .warning is included in main BP styles remove from here
    25842838.delete-group {
     2839
    25852840    #buddypress {
     2841
    25862842        div#message.info {
     2843
    25872844            p {
     2845
    25882846                @include message-box($notice-warning);
    25892847            }
Note: See TracChangeset for help on using the changeset viewer.