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.