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

    r11586 r11587  
    1818
    1919
    20 
    2120// Mixins and Variables
    2221
    … …  
    2928// BP  min/max width mixins
    3029
    31 // As layout is fixed width 'device' is needed to tell phones to work with breakpoints
    32 // provided is a 'up to' max-width and min-width as device widths for mobiles
    33 // This is not a perfect solution but provides a degree of layout control for BP elements.
    34 // But not used to any great degree.
     30// As layout is fixed width 'device' is needed to tell phones to work with
     31// breakpoints provided is a 'up to' max-width and min-width as device widths
     32// for mobiles This is not a perfect solution but provides a degree of layout
     33// contro for BP elements. But not used to any great degree.
    3534
    3635@mixin small-device-up {
     36
    3737    @media only screen and (min-device-width: 375px) {
     38
    3839        @content;
    3940    }
    … …  
    4142
    4243@mixin small-device-max {
     44
    4345    @media only screen and (max-device-width: 375px) {
     46
    4447        @content;
    4548    }
    … …  
    4750
    4851@mixin medium-device-up {
     52
    4953    @media only screen and (min-device-width: 450px) {
     54
    5055        @content;
    5156    }
    … …  
    5459// min-width 450px
    5560@mixin small-up {
     61
    5662    @media screen and (min-device-width: 450px) {
     63
    5764        @content;
    5865    }
    … …  
    6168// min-width 650px
    6269@mixin medium-up {
     70
    6371    @media screen and (min-width: 650px) {
     72
    6473        @content;
    6574    }
    … …  
    6877// min-width 800px
    6978@mixin large-up {
     79
    7080    @media screen and (min-width: 800px) {
     81
    7182        @content;
    7283    }
    … …  
    194205$unread:             #9dc3c8;
    195206$link-action:        #c82b2b;
     207
    196208/*--------------------------------------------------------------
    197209
    … …  
    206218in your child themes root & either start over or modify the rulesets.
    207219
    208 If you do not require the styles you can dequeue them from the themes functions file.
     220If you do not require the styles you can dequeue them from the themes
     221functions file.
    209222
    210223Please see this codex article for more information:
    … …  
    258271.buddypress {
    259272    // Remove any empty clearing elements, CSS provides clearing.
    260     div.clear {display: none;}
     273    div.clear {
     274        display: none;
     275    }
    261276
    262277} // .buddypress (body class)
    … …  
    269284
    270285    #main {
     286
    271287        #container {
    272288            margin: 0;
    … …  
    275291
    276292    #content {
    277         margin: 0 10% 0;
     293        margin: 0 10%;
    278294        width: auto;
    279295
    … …  
    303319// We have a need to override BP specifity
    304320// so some rulesets sets will appear over weighted in selectors
     321
    305322/* Here we start things off */
    306323#buddypress {
    … …  
    308325    // active/current states all navs
    309326    div.item-list-tabs {
     327
    310328        ul {
     329
    311330            li.selected,
    312331            li.current {
     332
    313333                a {
    314334                    background: inherit;
    … …  
    320340    // global nav styles
    321341    div.item-list-tabs {
     342
    322343        ul {
    323344            overflow: hidden;
    … …  
    325346
    326347            li {
     348
    327349                a {
    328350
    … …  
    346368
    347369} // close #buddypress
    348 
    349370
    350371
    … …  
    399420                label,
    400421                option {
     422
    401423                    @include font-size(14);
    402424                }
    … …  
    417439
    418440.bp-user {
     441
    419442    #buddypress {
     443
    420444        div#subnav.item-list-tabs {
     445
    421446            li.last {
    422447                margin-left: 0;
    … …  
    435460
    436461    body.bp-user {
     462
    437463        #buddypress {
    438464
    … …  
    484510                    margin: 0 0 0 (-$spacing-val-md);
    485511
    486                     ul {margin-top: 0;}
     512                    ul {
     513                        margin-top: 0;
     514                    }
    487515                }
    488516            }
    … …  
    497525
    498526@include small-device-up {
     527
    499528    #main {
     529
    500530        #buddypress {
    501531
    … …  
    528558                        border: 1px solid $border-med;
    529559                        border-bottom-color: $content-background;
     560
    530561                        @include border-top-radius(4px);
    531562                        margin-bottom: -1px;
    … …  
    542573
    543574            #subnav {
     575
    544576                ul {
    545577                    border-bottom: 0;
    … …  
    569601        }
    570602
    571         .pag-count {margin-left: 0;}
     603        .pag-count {
     604            margin-left: 0;
     605        }
     606
    572607        .pagination-links {
    573608            margin-right: 0;
    … …  
    586621                overflow: visible;
    587622                width: auto;
    588                 &:before {display: none;}
     623
     624                &:before {
     625                    display: none;
     626                }
    589627            }
    590628
    … …  
    617655
    618656#buddypress {
     657
    619658    ul.item-list {
    620659        border-top: 0;
    … …  
    633672                text-align: center;
    634673
    635                 a {border-bottom: 0;}
     674                a {
     675                    border-bottom: 0;
     676                }
    636677
    637678                img.avatar {
    … …  
    673714
    674715                .item-title {
     716
    675717                    @include font-size(16);
    676718                    line-height: 1.2;
    … …  
    686728                        text-decoration: none;
    687729
    688                         &:visited { color: #21759b;}
     730                        &:visited {
     731                            color: #21759b;
     732                        }
    689733                    }
    690734
    691735                    .update {
    692736                        display: block;
     737
    693738                        @include font-size(12);
    694739
    695740                        @include medium-up {
     741
    696742                            @include font-size(14);
    697743                        }
    … …  
    705751
    706752            @include medium-up {
     753
    707754                .item-avatar,
    708755                .item,
    … …  
    718765
    719766                    .item-title {
    720                         @include font-size(18)
     767
     768                        @include font-size(18);
    721769                    }
    722770                }
    … …  
    793841
    794842#buddypress {
     843
    795844    form#whats-new-form {
    796845
    … …  
    803852
    804853        #whats-new-content.active {
     854
    805855            #whats-new-options[style] {
     856
    806857                #whats-new-post-in-box {
    807858                    border: 1px solid rgba($border-color, 0.5);
    808859                    float: left;
     860
    809861                    @include font-size(12);
    810862                    line-height: 1.6;
    … …  
    825877
    826878                @media screen and (min-width: 30em) {
     879
    827880                    #whats-new-post-in-box {
    828881                        width: auto;
    … …  
    830883
    831884                    #whats-new-submit {
     885
    832886                        @include font-size(12);
    833887                        float: right;
    … …  
    846900    // User account form requires matching bp default specificity
    847901    #item-body {
     902
    848903        form#whats-new-form {
    849904            margin: $spacing-val-lg 0;
    … …  
    868923
    869924            &.load-newest {
     925
    870926                a {
    871927                    display: block;
    … …  
    897953
    898954            .activity-header {
     955
    899956                @include font-size(14);
    900957
    … …  
    905962
    906963            .activity-inner {
    907                 img {height: auto;}
     964
     965                img {
     966                    height: auto;
     967                }
    908968            }
    909969
    … …  
    925985
    926986                    .activity-header {
     987
    927988                        @include font-size(16);
    928989                    }
    … …  
    938999
    9391000        li.mini {
     1001
    9401002            .activity-avatar {
     1003
    9411004                a {
     1005
    9421006                    img.avatar {
    9431007                        height: 30px;
    … …  
    9491013
    9501014            .activity-content {
     1015
    9511016                .activity-header {
     1017
    9521018                    @include font-size(14);
    9531019                }
    9541020
    9551021                .activity-meta {
     1022
    9561023                    a {
     1024
    9571025                        @include font-size(12);
    9581026                    }
    … …  
    9811049
    9821050            .activity-meta {
     1051
    9831052                a {
    9841053                    display: block;
     1054
    9851055                    @include font-size(14);
    9861056                    margin-bottom: $spacing-val-xs;
    … …  
    10191089
    10201090.activity-permalink {
     1091
    10211092    #buddypress {
     1093
    10221094        #activity-stream {
    10231095
    … …  
    10271099
    10281100            li.mini {
     1101
    10291102                .activity-header {
     1103
    10301104                    @include font-size(16);
     1105
    10311106                    @include medium-up {
     1107
    10321108                        @include font-size(20);
    10331109                    }
    10341110
    10351111                    margin-bottom: $spacing-val-lg;
    1036                     p {padding: $spacing-val-md;}
     1112
     1113                    p {
     1114                        padding: $spacing-val-md;
     1115                    }
    10371116                }
    10381117            } // close li.mini
    … …  
    10701149                    .acomment-meta,
    10711150                    .acomment-content {
     1151
    10721152                        @include font-size(12);
    10731153                    }
    … …  
    10791159            .ac-form {
    10801160                border: 1px solid $border-color;
     1161
    10811162                @include box-model(border-box);
    10821163                margin: $spacing-val-sm 0;
    … …  
    10881169                    display: inline-block;
    10891170                    font-family: inherit;
     1171
    10901172                    @include font-size(12);
    1091                     font-weight: normal;
     1173                    font-weight: 400;
    10921174                    line-height: 1.2;
    10931175                    padding: 4px 10px;
    … …  
    11211203
    11221204#buddypress {
     1205
    11231206    #members-list {
    11241207
    11251208        @include medium-up {
     1209
    11261210            li {
     1211
    11271212                .item-avatar,
    11281213                .item {
    … …  
    11521237
    11531238#buddypress {
     1239
    11541240    #signup_form.standard-form {
    11551241
    … …  
    11601246            width: 100%;
    11611247
    1162             @media screen and (min-width: 37.500em) {
     1248            @media screen and (min-width: 37.5em) {
    11631249                width: 48%;
    11641250            }
    11651251        }
    11661252
    1167         @media screen and (min-width: 37.500em) {
    1168             #profile-details-section {float: right;}
    1169             #basic-details-section {float: left;}
     1253        @media screen and (min-width: 37.5em) {
     1254
     1255            #profile-details-section {
     1256                float: right;
     1257            }
     1258
     1259            #basic-details-section {
     1260                float: left;
     1261            }
    11701262        }
    11711263
    … …  
    11801272
    11811273.bp-user {
     1274
    11821275    #buddypress {
    1183         // On object nav links, table links (notifications etc) we don't really need :visited
    1184         // inheritance, so set pseudo class to :link color.
     1276        // On object nav links, table links (notifications etc) we don't
     1277        // really need :visited inheritance, so set pseudo class to :link color.
    11851278        a {
     1279
    11861280            &:visited {
    11871281                color: #21759b;
    … …  
    11991293.bp-user,
    12001294.single-item.groups {
     1295
    12011296    #buddypress {
     1297
    12021298        #item-header-content {
     1299
    12031300            #item-meta {
     1301
    12041302                @include font-size(14);
    12051303                text-align: left;
    12061304
    1207                 p {margin-bottom: 0.5em;}
    1208             }
    1209         }
    1210     }
    1211 
    1212     @media screen and (max-width: 37.500em) {
     1305                p {
     1306                    margin-bottom: 0.5em;
     1307                }
     1308            }
     1309        }
     1310    }
     1311
     1312    @media screen and (max-width: 37.5em) {
     1313
    12131314        h1,
    12141315        #item-header-content {
    … …  
    12181319
    12191320    @media screen and (max-width: 46.25em) {
     1321
    12201322        main {
     1323
    12211324            header.entry-header {
    12221325                padding-bottom: 1rem;
    … …  
    12261329
    12271330    #buddypress {
    1228         @media screen and (max-width: 37.500em) {
     1331
     1332        @media screen and (max-width: 37.5em) {
     1333
    12291334            h1 {
    12301335                margin-bottom: 0;
    … …  
    12321337
    12331338            #item-header-avatar {
     1339
    12341340                img.avatar {
    12351341                    margin-right: 0;
    … …  
    12471353
    12481354        @media screen and (max-width: 46.25em) {
     1355
    12491356            #item-header {
     1357
    12501358                .generic-button {
    12511359                    float: none;
    1252                     margin: 1.5em 0 0 0;
     1360                    margin: 1.5em 0 0;
    12531361                }
    12541362            }
    … …  
    12671375
    12681376.single-item.groups {
     1377
    12691378    #buddypress {
     1379
    12701380        @media screen and (max-width: 46.25em) {
     1381
    12711382            #item-header {
     1383
    12721384                #item-meta {
    12731385                    margin-bottom: $spacing-val-md;
    … …  
    12791391        // avatar first after group title
    12801392        @media screen and (max-width: 50em) {
     1393
    12811394            div#item-header {
    12821395                display: flex;
    … …  
    13161429
    13171430            #item-header-content {
     1431
    13181432                @include box-model(border-box);
    13191433            }
    … …  
    13411455
    13421456                h2 {
     1457
    13431458                    @include font-size(14);
    1344                     font-weight: bold;
     1459                    font-weight: 700;
    13451460                    line-height: 1.4;
    13461461                }
    … …  
    13481463                #group-admins,
    13491464                #group-mods {
     1465
    13501466                    li {
    13511467                        margin: 0;
    … …  
    13751491
    13761492            @media screen and (min-width: 64em) {
     1493
    13771494                #item-header-content {
    13781495                    width: 40%;
    … …  
    13861503    // breakpoints.
    13871504    // Due to cover image styles being applied via embedded styles & thus carrying
    1388     // heavier weight than linked styles the use of !important to override may be required.
     1505    // heavier weight than linked styles the use of !important to
     1506    // override may be required.
    13891507    #buddypress {
     1508
    13901509        #cover-image-container {
     1510
    13911511            #item-header-cover-image {
    13921512
    … …  
    13961516
    13971517                @media screen and (min-width: 50em) and (max-width: 60em) {
     1518
    13981519                    #item-header-content {
    13991520                        max-width: 60% !important;
    … …  
    14121533                        width: auto;
    14131534
    1414                         h2 {border-bottom: 1px solid $border-light;}
     1535                        h2 {
     1536                            border-bottom: 1px solid $border-light;
     1537                        }
    14151538                    }
    14161539                } // @media
    … …  
    14301553
    14311554.bp-user {
     1555
    14321556    #buddypress {
     1557
    14331558        #item-header {
    14341559
    … …  
    14451570
    14461571            #item-header-cover-image {
     1572
    14471573                .user-nicename {
    14481574                    color: inherit;
    … …  
    14591585
    14601586                #item-buttons {
     1587
    14611588                    .generic-button {
    14621589                        margin-right: 5px;
    … …  
    14661593
    14671594            @include medium-up {
     1595
    14681596                #item-header-avatar {
    14691597                    float: left;
    … …  
    15091637// headings settings screens & general global settings styles
    15101638.groups {
     1639
    15111640    #group-settings-form {
     1641
    15121642        h3 {
    15131643            background: $dark-background;
    … …  
    15191649
    15201650.groups.edit-details {
     1651
    15211652    #group-settings-form {
    15221653
    … …  
    15301661            background: none;
    15311662            color: inherit;
     1663
    15321664            @include font-size(14);
    15331665            width: auto;
    … …  
    15431675
    15441676.groups.group-settings {
     1677
    15451678    #group-settings-form {
    15461679
    15471680        div.radio label {
    1548             font-weight: bold;
     1681            font-weight: 700;
    15491682            padding: 0.2em;
    15501683
    15511684            ul {
    15521685                color: rgba($body-text, 0.6);
     1686
    15531687                @include font-size(14);
    15541688            }
    … …  
    15671701
    15681702.groups.manage-members {
     1703
    15691704    #group-settings-form {
     1705
    15701706        .item-list {
     1707
    15711708            li {
    15721709                border-bottom: 1px solid $border-light;
    … …  
    15741711                img,
    15751712                h5 {
     1713
    15761714                    @include medium-up {
    15771715                        float: left;
    15781716                    }
    15791717
    1580                     > a {border-bottom: 0;}
     1718                    > a {
     1719                        border-bottom: 0;
     1720                    }
    15811721                }
    15821722
    … …  
    16151755// Massage the members search for groups nav specifically.
    16161756.groups.group-members {
     1757
    16171758    #subnav {
     1759
    16181760        li {
    16191761            width: 100%;
    … …  
    16241766
    16251767                label {
     1768
    16261769                    input[type="text"] {
    16271770                        box-shadow: none;
    … …  
    16511794
    16521795        table {
    1653             th {@include font-size(13)}
    1654             td {@include font-size(12)}
     1796
     1797            th {
     1798
     1799                @include font-size(13);
     1800            }
     1801
     1802            td {
     1803
     1804                @include font-size(12);
     1805            }
    16551806
    16561807            @include medium-up {
    1657                 th {@include font-size(16)}
    1658                 td {@include font-size(14)}
    1659             }
    1660         }
    1661 
    1662         .pag-count {font-style: italic;}
     1808
     1809                th {
     1810
     1811                    @include font-size(16);
     1812                }
     1813
     1814                td {
     1815
     1816                    @include font-size(14);
     1817                }
     1818            }
     1819        }
     1820
     1821        .pag-count {
     1822            font-style: italic;
     1823        }
    16631824
    16641825        .notifications-options-nav,
    … …  
    16671828            width: 100%;
    16681829
    1669             @media screen and (min-width: 37.500em) {
     1830            @media screen and (min-width: 37.5em) {
    16701831                width: 60%;
    16711832            }
    … …  
    16731834            select,
    16741835            input {
     1836
    16751837                @include font-size(14);
    16761838                outline: 0;
    … …  
    16831845                width: 49%;
    16841846
    1685                 @media screen and (min-width: 37.500em) {
     1847                @media screen and (min-width: 37.5em) {
    16861848                    width: auto;
    16871849                }
    … …  
    16951857                width: 50%;
    16961858
    1697                 @media screen and (min-width: 37.500em) {
     1859                @media screen and (min-width: 37.5em) {
    16981860                    width: auto;
    16991861                }
    … …  
    17211883
    17221884        .profile {
     1885
    17231886            .bp-widget {
     1887
    17241888                h2 {
    17251889                    background: lighten($dark-background, 10%);
    … …  
    17291893                }
    17301894
    1731                 table {margin-top: 0;}
     1895                table {
     1896                    margin-top: 0;
     1897                }
    17321898            }
    17331899
    … …  
    17351901
    17361902            #profile-edit-form {
     1903
    17371904                .button-nav:before,
    17381905                .button-nav:after {
    … …  
    17631930                        background: none;
    17641931                        border: 0;
    1765                         @include font-size(18)
     1932
     1933                        @include font-size(18);
    17661934                    }
    17671935                } //.button-nav
    … …  
    17731941                .field-visibility-settings-toggle,
    17741942                .field-visibility-settings {
     1943
    17751944                    @include font-size(14);
    17761945                }
    … …  
    17791948                .visibility-toggle-link {
    17801949                    background: lighten($dark-background, 10%);
     1950
    17811951                    @include border-radius(2px);
    17821952                    color: #eee;
    1783                     font-weight: bold;
     1953                    font-weight: 700;
    17841954                    padding: 0.1em 0.5em;
    17851955                    text-decoration: none;
    … …  
    17931963
    17941964            .bp-avatar {
     1965
    17951966                #bp-delete-avatar {
    1796                     a {font-size: inherit; }
     1967
     1968                    a {
     1969                        font-size: inherit;
     1970                    }
    17971971                }
    17981972            }
    … …  
    18402014            .message-metadata {
    18412015
    1842                 &::after {
     2016                &:after {
    18432017                    clear: both;
    18442018                    content: "";
    … …  
    18512025
    18522026                @media screen and (min-width: 46.25em) {
     2027
    18532028                    img.avatar {
    18542029                        float: left;
    … …  
    18712046
    18722047            #send-reply {
     2048
    18732049                .message-content {
    18742050                    background: $content-background;
    … …  
    18812057            }
    18822058
    1883             .bp-tooltip:hover::after,
    1884             .bp-tooltip:active::after,
    1885             .bp-tooltip:focus::after {
     2059            .bp-tooltip:hover:after,
     2060            .bp-tooltip:active:after,
     2061            .bp-tooltip:focus:after {
    18862062                right: 40px;
    18872063                text-align: right;
    … …  
    18932069
    18942070            thead {
     2071
    18952072                tr {
    18962073                    background: lighten($dark-background, 10%);
    … …  
    18992076
    19002077            tr {
     2078
    19012079                td {
    19022080                    background: $content-background;
     2081
    19032082                    @include box-model(border-box);
    19042083                    display: inline-block;
    … …  
    19272106
    19282107                    span.icon:before {
     2108
    19292109                        @include font-size(14);
    19302110                    }
    … …  
    19352115                    height: 3em;
    19362116
    1937                     @media screen and (max-width: 37.500em) {
     2117                    @media screen and (max-width: 37.5em) {
    19382118                        height: 5.2em;
    19392119                    }
    … …  
    19432123                td.thread-options {
    19442124                    border-left: 0 !important;
     2125
    19452126                    @include calc(width, "100% - 30px");
    19462127                    margin-left: 0;
    … …  
    19562137
    19572138                    a {
     2139
    19582140                        @include font-size(12);
    19592141                        line-height: 1.2;
    … …  
    19702152                    line-height: 2;
    19712153
    1972                     @media screen and (max-width: 37.500em) {
     2154                    @media screen and (max-width: 37.5em) {
    19732155                        clear: both;
     2156
    19742157                        @include font-size(11);
    19752158                        width: 100%;
    … …  
    19792162
    19802163            tr.unread {
     2164
    19812165                td {
    19822166                    border-color: $border-light;
    … …  
    20032187
    20042188        #send_message_form {
     2189
    20052190            input,
    20062191            textarea {
     2192
    20072193                @include box-model(border-box);
    20082194            }
    … …  
    20122198            list-style: none;
    20132199
    2014             li {margin-left: 0;}
     2200            li {
     2201                margin-left: 0;
     2202            }
    20152203
    20162204            li.friend-tab {
    … …  
    20472235
    20482236        #message-threads.sitewide-notices {
    2049             tr {margin: 3em 0;}
     2237
     2238            tr {
     2239                margin: 3em 0;
     2240            }
     2241
    20502242            td {
    20512243                width: 100%;
    … …  
    20752267
    20762268            td:nth-child(2) {
     2269
    20772270                strong {
    20782271                    margin: -8px -8px 8px;
    … …  
    21022295                }
    21032296
    2104                 a:last-child::after {
     2297                a:last-child:after {
    21052298                    content: attr(title);
    21062299                    display: block;
    … …  
    21262319            }
    21272320
    2128             img { vertical-align: bottom;}
     2321            img {
     2322                vertical-align: bottom;
     2323            }
    21292324
    21302325        }
    … …  
    21472342            // 'p' = email notification screen sub heading
    21482343            > p {
     2344
    21492345                @include font-size(20);
    21502346                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    21532349
    21542350        table.notification-settings {
     2351
    21552352            td.yes,
    21562353            td.no {
    … …  
    21692366
    21702367            @media screen and (min-width: 46.25em) {
     2368
    21712369                th.field-group-name,
    21722370                td.field-name {
    … …  
    21812379
    21822380            td.field-visibility {
    2183                 select {width: 100%;}
     2381
     2382                select {
     2383                    width: 100%;
     2384                }
    21842385            }
    21852386        }
    … …  
    22042405// Attempt to reset form control widths
    22052406#main {
     2407
    22062408    #buddypress {
     2409
    22072410        .standard-form {
    22082411
    2209             li {float: none;}
    2210             input[type='text'],
    2211             input[type='email'],
    2212             input[type='password'],
     2412            li {
     2413                float: none;
     2414            }
     2415
     2416            input[type="text"],
     2417            input[type="email"],
     2418            input[type="password"],
    22132419            textarea {
    22142420                border-width: 1px;
    22152421                box-shadow: none;
     2422
    22162423                @include box-model(border-box);
    22172424                width: 100%;
    … …  
    22292436
    22302437        form {
     2438
    22312439            .ac-textarea {
    22322440                background: $light-background;
    … …  
    22572465
    22582466    #signup_form.standard-form {
     2467
    22592468        div.submit {
    22602469            float: none;
    22612470
    2262             input {margin-right: 0;}
     2471            input {
     2472                margin-right: 0;
     2473            }
    22632474        }
    22642475    }
    … …  
    22672478
    22682479#buddypress {
     2480
    22692481    div.dir-search,
    22702482    div.message-search,
    … …  
    22822494            }
    22832495
    2284             input[type='text'],
    2285             input[type='submit'] {
     2496            input[type="text"],
     2497            input[type="submit"] {
    22862498                border: 0;
    22872499                border-radius: 0;
    22882500                box-shadow: none;
     2501
    22892502                @include box-model(border-box);
    22902503                @include font-size(14);
    … …  
    22942507            }
    22952508
    2296             input[type='text'] {
     2509            input[type="text"] {
    22972510                border-right: 1px solid rgba($border-color, 0.6);
    22982511                float: left;
    22992512                margin: 0;
    2300                 padding: 0 0.2em 0;
     2513                padding: 0 0.2em;
    23012514                width: 70%;
    23022515            }
    23032516
    2304             input[type='submit'] {
     2517            input[type="submit"] {
    23052518                float: right;
    2306                 font-weight: normal;
     2519                font-weight: 400;
    23072520                padding: 0 1em;
    23082521                text-align: center;
    … …  
    23172530
    23182531    @include small-up {
     2532
    23192533        div.dir-search,
    23202534        div.message-search,
    … …  
    23242538
    23252539            form {
     2540
    23262541                label,
    2327                 input[type='text'],
    2328                 input[type='submit'] {
     2542                input[type="text"],
     2543                input[type="submit"] {
    23292544                    width: auto;
    23302545                }
    … …  
    23382553        .dir-search,
    23392554        .message-search {
     2555
    23402556            form {
    2341                 input[type='text'] { @include font-size(16) ;}
    2342                 input[type='submit'] { @include font-size(16) ;}
     2557
     2558                input[type="text"] {
     2559
     2560                    @include font-size(16);
     2561                }
     2562
     2563                input[type="submit"] {
     2564
     2565                    @include font-size(16);
     2566                }
    23432567            }
    23442568        }
    … …  
    23532577*/
    23542578.bp-user {
     2579
    23552580    #buddypress {
    23562581
    23572582        table {
     2583
    23582584            @include font-size(14);
    23592585            margin: $spacing-val-md 0;
    23602586
    2361             // 2010 adds huge bottom margin to input controls unwanted in the table paradigm
     2587            // 2010 adds huge bottom margin to input controls,
     2588            //  unwanted in the table paradigm
    23622589            input {
    23632590                margin: 0;
    … …  
    23682595                border-color: darken($border-light, 20%);
    23692596                color: $content-background;
     2597
    23702598                @include font-size(16);
    23712599                padding: 4px 8px;
    … …  
    23782606
    23792607            // Reduce the themes inherited paragraph margins in tables
    2380             p {margin-bottom: 0.5em;}
     2608            p {
     2609                margin-bottom: 0.5em;
     2610            }
    23812611        }
    23822612
    23832613        @media screen and (min-width: 55em) {
    2384             table {@include font-size(16);}
     2614
     2615            table {
     2616
     2617                @include font-size(16);
     2618            }
    23852619        }
    23862620
    … …  
    23882622        .notifications,
    23892623        .messages-notices {
     2624
    23902625            th {
    23912626                width: 30%;
    … …  
    24202655            // styling issues - this will need styling ideas
    24212656            td {
     2657
    24222658                .button {
    24232659                    border: 0;
    … …  
    24322668        .messages-notices {
    24332669
    2434             .bp-tooltip:hover::after,
    2435             .bp-tooltip:active::after,
    2436             .bp-tooltip:focus::after {
     2670            .bp-tooltip:hover:after,
     2671            .bp-tooltip:active:after,
     2672            .bp-tooltip:focus:after {
    24372673                left: 0;
    24382674                margin-top: 10px;
    … …  
    24582694
    24592695#buddypress {
     2696
    24602697    div#message {
     2698
    24612699        p {
     2700
    24622701            @include font-size(18);
    2463             font-weight: bold;
     2702            font-weight: 700;
    24642703        }
    24652704
    24662705        &.info {
     2706
    24672707            p {
     2708
    24682709                @include message-box($notice-info);
    24692710            }
    … …  
    24712712
    24722713        &.updated {
     2714
    24732715            p {
     2716
    24742717                @include message-box($notice-update);
    24752718            }
    … …  
    24822725// Without direct classes on our mesages ( 'warning' )
    24832726// we need to use the body classes
    2484 // todo: If this is class .warning is included in main BP styles remove from here
     2727// @todo If this class .warning is included in main BP styles remove from here
    24852728.delete-group {
     2729
    24862730    #buddypress {
     2731
    24872732        div#message.info {
     2733
    24882734            p {
     2735
    24892736                @include message-box($notice-warning);
    24902737            }
Note: See TracChangeset for help on using the changeset viewer.