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.