Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
06/13/2017 04:38:30 AM (8 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/twentyfifteen.scss

    r11586 r11587  
    155155in your child themes root & either start over or modify the rulesets.
    156156
    157 If you do not require the styles you can dequeue them from the themes functions file.
     157If you do not require the styles you can dequeue them from the themes
     158functions file.
    158159
    159160Please see this codex article for more information:
    … …  
    209210// We reset this here under our #buddypress namespace
    210211#buddypress {
     212
    211213    h1,
    212214    h2,
    … …  
    223225
    224226.buddypress {
    225     div.clear {display: none;}
     227
     228    div.clear {
     229        display: none;
     230    }
     231
    226232    .site-content {
     233
    227234        @media screen and (min-width: 77.5em) {
    228235        }
    … …  
    250257            .entry-header,
    251258            .entry-content {
    252                 padding: 0 3rem 3rem 3rem;
     259                padding: 0 3rem 3rem;
    253260            }
    254261
    … …  
    278285
    279286.buddypress #buddypress {
     287
    280288    .item-list-tabs,
    281289    .activity-header,
    … …  
    288296    table,
    289297    .avatar-nav-items {
    290         a { border-bottom: 0; }
     298
     299        a {
     300            border-bottom: 0;
     301        }
    291302    }
    292303
    293304    .pagination-links {
     305
    294306        a,
    295         span { border-bottom: 0; }
     307        span {
     308            border-bottom: 0;
     309        }
    296310    }
    297311} // close .buddypress #buddypress
    … …  
    312326    // active/current states all navs
    313327    div.item-list-tabs {
     328
    314329        ul {
     330
    315331            li.selected {
     332
    316333                a {
    317334                    background: $dark-background;
    … …  
    324341    // Global Nav Styles
    325342    div.item-list-tabs {
     343
    326344        ul {
    327345            background-color: $light-background;
    … …  
    332350
    333351            li {
     352
    334353                a {
    335                     span {border-radius: 25%;}
     354
     355                    span {
     356                        border-radius: 25%;
     357                    }
    336358                }
    337359            }
    … …  
    344366        ul {
    345367            overflow: hidden;
    346             li {float: none;}
     368
     369            li {
     370                float: none;
     371            }
     372
    347373            li:not(.selected) {
    348                 a {opacity: 0.7;}
     374
     375                a {
     376                    opacity: 0.7;
     377                }
    349378            }
    350379
    351380            @media screen and (min-width: 38.75em) {
     381
    352382                li {
    353383                    float: left;
    … …  
    381411                label,
    382412                option {
     413
    383414                    @include font-size(14);
    384415                }
    … …  
    390421
    391422            @media screen and (min-width: 38.75em) {
     423
    392424                li.last {
    393425                    text-align: right;
    … …  
    399431    // active/current states all navs
    400432    div.item-list-tabs {
     433
    401434        ul {
     435
    402436            li.selected,
    403437            li.current {
     438
    404439                a {
    405440                    background: $dark-background;
    … …  
    413448} // close #buddypress
    414449
    415     /*__ Vertical menu User Account / Group single screens __*/
     450/*__ Vertical menu User Account / Group single screens __*/
    416451
    417452// This block contains rules to re-factor the item-body structural element
    … …  
    419454
    420455@media screen and (min-width: 55em) {
     456
    421457    .bp-user #buddypress,
    422458    .single-item.groups #buddypress {
    … …  
    425461
    426462    #buddypress {
     463
    427464        #item-header,
    428465        #item-body {
    … …  
    475512
    476513#buddypress {
     514
    477515    div.pagination {
    478516        box-shadow: none;
    479         .pag-count {margin-left: 0;}
     517
     518        .pag-count {
     519            margin-left: 0;
     520        }
     521
    480522        .pagination-links {
    481523            margin-right: 0;
    … …  
    494536                overflow: visible;
    495537                width: auto;
    496                 &:before {display: none;}
     538
     539                &:before {
     540                    display: none;
     541                }
    497542            }
    498543
    … …  
    518563// Adjusts Meta items and various elements to match 2015 font-family
    519564#buddypress {
     565
    520566    .item-list {
     567
    521568        .activity-header,
    522569        .activity-meta {
     570
    523571            @include default-font-sans();
    524572        }
    … …  
    539587
    540588#buddypress {
     589
    541590    ul.item-list {
     591
    542592        li {
    543593            overflow: hidden !important;
    … …  
    546596            .item-avatar {
    547597                margin-bottom: $spacing-val-sm;
    548                 @media screen and (min-width: 38.75em) { margin-bottom: 0; }
     598
     599                @media screen and (min-width: 38.75em) {
     600                    margin-bottom: 0;
     601                }
    549602                text-align: center;
    550                 a {border-bottom: 0;}
     603
     604                a {
     605                    border-bottom: 0;
     606                }
     607
    551608                img.avatar {
    552609                    display: inline-block;
    … …  
    563620                margin-left: 25%;
    564621
    565                 span.activity {font-style: italic;}
     622                span.activity {
     623                    font-style: italic;
     624                }
    566625
    567626                .item-desc {
    … …  
    572631
    573632            @media screen and (min-width: 59.6875em) {
     633
    574634                .item-avatar,
    575635                .item,
    … …  
    655715
    656716#buddypress {
     717
    657718    form#whats-new-form {
    658719
    … …  
    665726
    666727        @media screen and (max-width: 30em) {
     728
    667729            #whats-new-post-in-box {
     730
    668731                select {
     732
    669733                    @include font-size(14);
    670734                    max-width: 120px;
    … …  
    674738
    675739        @media screen and (max-width: 38.75em) {
     740
    676741            #whats-new-content {
    677742                clear: left;
    … …  
    682747                    float: none;
    683748
    684                     input {width: 100%;}
     749                    input {
     750                        width: 100%;
     751                    }
    685752                }
    686753            }
    … …  
    690757                flex-direction: column;
    691758
    692                 #whats-new-submit {order: 2;}
    693                 #whats-new-post-in-box {order: 1;}
     759                #whats-new-submit {
     760                    order: 2;
     761                }
     762
     763                #whats-new-post-in-box {
     764                    order: 1;
     765                }
    694766            }
    695767        } // close @media
    696768
    697769        #whats-new-options[style] {
     770
    698771            #whats-new-post-in-box {
    699772                border: 1px solid rgba($border-color, 0.5);
    700773                float: left;
    701                 line-height: 1.5em;
     774                line-height: 1.5;
    702775                margin-top: 12px;
    703776                padding-left: 0.2em;
    … …  
    716789
    717790            @media screen and (min-width: 30em) {
     791
    718792                #whats-new-post-in-box {
    719793                    width: auto;
    … …  
    731805    // User account form requires matching bp default specificity
    732806    #item-body {
     807
    733808        form#whats-new-form {
    734809            margin: $spacing-val-lg 0;
    … …  
    774849
    775850                .activity-header {
     851
    776852                    @include font-size(14);
    777853                }
    … …  
    784860                    margin-right: $spacing-val-sm;
    785861                    text-align: left;
    786                     a {border-bottom: 0;}
     862
     863                    a {
     864                        border-bottom: 0;
     865                    }
    787866                }
    788867
    … …  
    792871
    793872                    .activity-header {
     873
    794874                        @include font-size(16);
    795875                    }
    … …  
    801881
    802882        li.mini {
     883
    803884            .activity-avatar {
     885
    804886                a {
     887
    805888                    img.avatar {
    806889                        height: 30px;
    … …  
    812895
    813896            .activity-content {
     897
    814898                .activity-header {
     899
    815900                    @include font-size(13);
    816901                }
    … …  
    839924
    840925            .activity-meta {
     926
    841927                a {
    842928                    display: block;
    … …  
    861947                background: darken($light-background, 1%);
    862948                border: 1px solid rgba(#9fd1e2, 0.3);
    863                 a { font-style: italic; }
     949
     950                a {
     951                    font-style: italic;
     952                }
    864953            }
    865954
    … …  
    875964
    876965.activity-permalink {
     966
    877967    #buddypress {
    878968        background: none; // counter the .bp-user faux column background
    … …  
    884974
    885975            li.mini {
     976
    886977                .activity-header {
     978
    887979                    @include font-size(16);
     980
    888981                    @media screen and (min-width: 46.25em) {
     982
    889983                        @include font-size(20);
    890984                    }
    891985
    892986                    margin-bottom: $spacing-val-lg;
    893                     p {padding: $spacing-val-md;}
     987
     988                    p {
     989                        padding: $spacing-val-md;
     990                    }
    894991                }
    895992            }
    … …  
    9061003
    9071004    #activity-stream {
     1005
    9081006        .activity-comments {
    9091007            margin: $spacing-val-sm 0 0;
    … …  
    9551053                // reduce/widen the content margins
    9561054                @media screen and (max-width: 38.75em) {
     1055
    9571056                    .acomment-avatar {
    9581057                        display: block;
    … …  
    9601059
    9611060                        a,
    962                         img.avatar {display: inline; float: none;}
     1061                        img.avatar {
     1062                            display: inline;
     1063                            float: none;
     1064                        }
    9631065                    }
    9641066
    … …  
    9691071                    }
    9701072
    971                     .acomment-content {padding: 0 $spacing-val-sm;}
     1073                    .acomment-content {
     1074                        padding: 0 $spacing-val-sm;
     1075                    }
    9721076                } // close @media
    9731077
    9741078            } // close the ul li comments construct
    9751079
    976             .ac-reply-avatar {display: none;}
     1080            .ac-reply-avatar {
     1081                display: none;
     1082            }
    9771083
    9781084            .ac-reply-content {
    … …  
    9821088
    9831089            @media screen and (min-width: 38.75em) {
    984                 .ac-reply-avatar {display: block;}
     1090
     1091                .ac-reply-avatar {
     1092                    display: block;
     1093                }
    9851094
    9861095                .ac-reply-content {
    … …  
    9961105                    display: inline-block;
    9971106                    font-family: inherit;
     1107
    9981108                    @include font-size(12);
    999                     font-weight: normal;
     1109                    font-weight: 400;
    10001110                    line-height: 1.2;
    10011111                    padding: 4px 10px;
    … …  
    10281138
    10291139#buddypress {
     1140
    10301141    #members-list {
    10311142
    10321143        @media screen and (min-width: 59.6875em) {
     1144
    10331145            li {
     1146
    10341147                .item-avatar,
    10351148                .item {
    … …  
    10611174.bp-user,
    10621175.single-item.groups {
     1176
    10631177    @media screen and (max-width: 46.25em) {
     1178
    10641179        main {
     1180
    10651181            header.entry-header {
    10661182                padding-bottom: 1rem;
    … …  
    10701186
    10711187    @media screen and (max-width: 38.75em) {
     1188
    10721189        h1,
    10731190        #item-header-content {
    … …  
    10771194
    10781195    #buddypress {
     1196
    10791197        @media screen and (max-width: 46.25em) {
     1198
    10801199            #item-header {
     1200
    10811201                .generic-button {
    10821202                    float: none;
    1083                     margin: 1.5em 0 0 0;
     1203                    margin: 1.5em 0 0;
    10841204                }
    10851205            }
    … …  
    10871207
    10881208        @media screen and (max-width: 38.75em) {
     1209
    10891210            h1 {
    10901211                margin-bottom: 0;
    … …  
    10921213
    10931214            #item-header-avatar {
     1215
    10941216                img.avatar {
    10951217                    margin-right: 0;
    … …  
    11131235
    11141236.single-item.groups {
     1237
    11151238    #buddypress {
     1239
    11161240        @media screen and (max-width: 46.25em) {
     1241
    11171242            #item-header {
     1243
    11181244                #item-meta {
    11191245                    margin-bottom: $spacing-val-md;
    … …  
    11251251        // avatar first after group title
    11261252        @media screen and (max-width: 38.75em) {
     1253
    11271254            div#item-header {
    11281255                display: flex;
    … …  
    11431270                }
    11441271
    1145                 #item-header-content {order: 2;}
    1146 
    1147                 #item-actions {order: 3;}
     1272                #item-header-content {
     1273                    order: 2;
     1274                }
     1275
     1276                #item-actions {
     1277                    order: 3;
     1278                }
    11481279            }
    11491280        } // close @media
    … …  
    11651296                    background: $dark-background;
    11661297                    color: $content-background;
     1298
    11671299                    @include font-size(14);
    11681300
    11691301                    @media screen and (min-width: 46.25em) {
     1302
    11701303                        @include font-size(16);
    11711304                    }
    … …  
    12111344
    12121345.bp-user {
     1346
    12131347    #buddypress {
     1348
    12141349        #item-header {
    12151350            padding: $spacing-val-md 0;
    … …  
    12271362
    12281363            @media screen and (min-width: 46.25em) {
     1364
    12291365                #item-header-avatar {
    12301366                    float: left;
    … …  
    12581394// generally far too large a top margin for headings in our lists
    12591395#item-body {
     1396
    12601397    h1,
    12611398    h2,
    … …  
    12661403        margin: 1em 0;
    12671404
    1268         a {border-bottom: 0;}
     1405        a {
     1406            border-bottom: 0;
     1407        }
    12691408    }
    12701409}
     1410
    12711411/**
    12721412*----------------------------------------------------
    … …  
    12861426// headings settings screens & general global settings styles
    12871427.groups {
     1428
    12881429    #group-settings-form {
     1430
    12891431        h3 {
    12901432            background: $dark-background;
    … …  
    12941436        // remove backgrounds from request list member names.
    12951437        #request-list {
     1438
    12961439            h4 {
    12971440                background: none;
    … …  
    13031446
    13041447.groups.edit-details {
     1448
    13051449    #group-settings-form {
    13061450
    13071451        label {
    13081452            background: $dark-background;
     1453
    13091454            @include border-top-radius(4px);
    13101455            color: $content-background;
    … …  
    13231468            background: none;
    13241469            color: inherit;
     1470
    13251471            @include font-size(14);
    13261472            width: auto;
    … …  
    13311477
    13321478.groups.group-settings {
     1479
    13331480    #group-settings-form,
    13341481    #create-group-form {
    13351482
    13361483        div.radio {
     1484
    13371485            label {
    13381486                border: 1px solid $border-light;
    … …  
    13421490            ul {
    13431491                color: #767676;
     1492
    13441493                @include font-size(14);
    13451494            }
    … …  
    13581507
    13591508.groups.manage-members {
     1509
    13601510    #group-settings-form {
     1511
    13611512        .item-list {
     1513
    13621514            li {
    13631515                border-bottom: 1px solid $border-light;
    … …  
    13671519                    float: left;
    13681520
    1369                     > a {border-bottom: 0;}
     1521                    > a {
     1522                        border-bottom: 0;
     1523                    }
    13701524                }
    13711525
    … …  
    14051559
    14061560.groups.group-members {
     1561
    14071562    #buddypress {
     1563
    14081564        #members-group-list {
     1565
    14091566            li {
    14101567
    14111568                @media screen and (max-width: 30em) {
     1569
    14121570                    > a {
    14131571                        border-bottom: 0;
    … …  
    14251583                h5 {
    14261584                    display: inline-block;
     1585
    14271586                    @include font-size(14);
    14281587
    14291588                    @media screen and (min-width: 59.6875em) {
     1589
    14301590                        @include font-size(16);
    14311591                    }
    … …  
    14331593                    margin: 0;
    14341594
    1435                     a {border-bottom: 0;}
     1595                    a {
     1596                        border-bottom: 0;
     1597                    }
    14361598                } //  close h5
    14371599
    14381600                span.activity {
     1601
    14391602                    @include font-size(12);
    14401603                }
    … …  
    14501613// Massage the members search for groups nav specifically.
    14511614.groups.group-members {
     1615
    14521616    #subnav {
     1617
    14531618        li {
     1619
    14541620            @media screen and (max-width: 38.75em) {
    14551621                background: $content-background;
    … …  
    14671633
    14681634                    label {
    1469                         input[type="text"] {width: 100%;}
     1635
     1636                        input[type="text"] {
     1637                            width: 100%;
     1638                        }
    14701639                    }
    14711640                }
    … …  
    14841653
    14851654.groups.group-invites {
     1655
    14861656    #item-body {
     1657
    14871658        .item-list {
     1659
    14881660            .action {
    14891661                margin-bottom: 0;
    … …  
    14931665
    14941666    @media screen and (min-width: 46.25em) {
     1667
    14951668        #buddypress {
     1669
    14961670            #item-body {
     1671
    14971672                #message {
    14981673                    margin-top: 0;
    … …  
    15031678
    15041679    @media screen and (min-width: 55em) {
     1680
    15051681        #buddypress {
    1506             #send-invite-form { margin-top: 0;}
     1682
     1683            #send-invite-form {
     1684                margin-top: 0;
     1685            }
    15071686        }
    15081687    }
    15091688
    15101689    #item-body {
     1690
    15111691        @media screen and (max-width: 46.25em) {
     1692
    15121693            .left-menu {
    15131694                float: none;
    … …  
    15251706
    15261707            .submit {
     1708
    15271709                input {
    15281710                    display: inline-block;
    … …  
    15451727
    15461728.bp-user {
     1729
    15471730    .entry-title {
    15481731        margin-bottom: 0.5em;
    … …  
    15611744
    15621745        table {
    1563             th {@include font-size(14)}
    1564             td {@include font-size(12)}
     1746
     1747            th {
     1748
     1749                @include font-size(14);
     1750            }
     1751
     1752            td {
     1753
     1754                @include font-size(12);
     1755            }
    15651756
    15661757            @media screen and (min-width: 46.25em) {
    1567                 th {@include font-size(16)}
    1568                 td {@include font-size(14)}
     1758
     1759                th {
     1760
     1761                    @include font-size(16);
     1762                }
     1763
     1764                td {
     1765
     1766                    @include font-size(14);
     1767                }
    15691768            }
    15701769
    15711770            @media screen and (min-width: 77.5em) {
    1572                 th {@include font-size(18)}
    1573                 td {@include font-size(16)}
    1574             }
    1575         }
    1576 
    1577         .pag-count {font-style: italic;}
     1771
     1772                th {
     1773
     1774                    @include font-size(18);
     1775                }
     1776
     1777                td {
     1778
     1779                    @include font-size(16);
     1780                }
     1781            }
     1782        }
     1783
     1784        .pag-count {
     1785            font-style: italic;
     1786        }
    15781787
    15791788        .notifications-options-nav,
    … …  
    15881797            select,
    15891798            input {
     1799
    15901800                @include font-size(14);
    15911801                outline: 0;
    … …  
    16051815            input {
    16061816                float: right;
     1817
    16071818                @include default-font-serif();
    16081819                line-height: 1.5;
    … …  
    16101821                width: 100%;
    16111822
    1612                 &[disabled]:hover {background: none;}
     1823                &[disabled]:hover {
     1824                    background: none;
     1825                }
    16131826
    16141827                @media screen and (min-width: 30em) {
    … …  
    16311844
    16321845.bp-user {
     1846
    16331847    #buddypress {
     1848
    16341849        .profile {
     1850
    16351851            .bp-widget {
     1852
    16361853                h2 {
    16371854                    background: lighten($dark-background, 10%);
    … …  
    16411858                }
    16421859
    1643                 table {margin-top: 0;}
     1860                table {
     1861                    margin-top: 0;
     1862                }
    16441863            }
    16451864        }
    … …  
    16491868/* Edit Profile */
    16501869.bp-user {
     1870
    16511871    #buddypress {
    16521872
    16531873        .profile {
     1874
    16541875            #profile-edit-form {
     1876
    16551877                .button-nav:before,
    16561878                .button-nav:after {
    … …  
    16811903                        background: none;
    16821904                        border: 0;
    1683                         @include font-size(18)
     1905
     1906                        @include font-size(18);
    16841907                    }
    16851908                } //.button-nav
    … …  
    16871910                .field-visibility-settings-toggle,
    16881911                .field-visibility-settings {
     1912
    16891913                    @include font-size(14);
    16901914                }
    … …  
    16991923
    17001924            .bp-avatar {
     1925
    17011926                #bp-delete-avatar {
    1702                     a {font-size: inherit; }
     1927
     1928                    a {
     1929                        font-size: inherit;
     1930                    }
    17031931                }
    17041932            }
    … …  
    17181946
    17191947        #groups-list {
     1948
    17201949            li {
     1950
    17211951                .item {
     1952
    17221953                    @media screen and (min-width: 77.5em) {
    17231954                        left: 5%;
    … …  
    17651996            .message-metadata {
    17661997
    1767                 &::after {
     1998                &:after {
    17681999                    clear: both;
    17692000                    content: "";
    … …  
    17762007
    17772008                @media screen and (min-width: 46.25em) {
     2009
    17782010                    img.avatar {
    17792011                        float: left;
    … …  
    17962028
    17972029            #send-reply {
     2030
    17982031                .message-content {
    17992032                    background: $content-background;
    … …  
    18062039            }
    18072040
    1808             .bp-tooltip:hover::after,
    1809             .bp-tooltip:active::after,
    1810             .bp-tooltip:focus::after {
     2041            .bp-tooltip:hover:after,
     2042            .bp-tooltip:active:after,
     2043            .bp-tooltip:focus:after {
    18112044                right: 40px;
    18122045                text-align: right;
    … …  
    18162049
    18172050        #message-threads {
     2051
    18182052            thead {
     2053
    18192054                tr {
    18202055                    background: lighten($dark-background, 10%);
    … …  
    18232058
    18242059            tr {
     2060
    18252061                td {
    18262062                    background: $content-background;
    … …  
    18542090                td.thread-options {
    18552091                    border-left: 0 !important;
     2092
    18562093                    @include calc(width, "100% - 30px");
    18572094                    margin-left: 0;
    … …  
    18672104
    18682105                    a {
     2106
    18692107                        @include font-size(12);
    18702108                        line-height: 2.2;
    … …  
    18832121                    @media screen and (max-width: 38.75em) {
    18842122                        clear: both;
     2123
    18852124                        @include font-size(11);
    18862125                        width: 100%;
    … …  
    18902129
    18912130            tr.unread {
     2131
    18922132                td {
    18932133                    background: $unread;
     2134                    border-color: darken($border-light, 10%);
    18942135                    border-bottom-color: darken($border-light, 20%);
    1895                     border-color: darken($border-light, 10%);
    18962136                }
    18972137            }
    … …  
    19182158            list-style: none;
    19192159
    1920             li {margin-left: 0;}
     2160            li {
     2161                margin-left: 0;
     2162            }
    19212163
    19222164            li.friend-tab {
    … …  
    19532195
    19542196        #message-threads.sitewide-notices {
     2197
    19552198            td {
    19562199                width: 100%;
    … …  
    19952238                }
    19962239
    1997                 a:last-child::after {
     2240                a:last-child:after {
    19982241                    content: attr(title);
    19992242                    display: block;
    … …  
    20112254        padding-left: $spacing-val-sm;
    20122255
    2013         ul {    margin: 0; }
     2256        ul {
     2257            margin: 0;
     2258        }
    20142259
    20152260        li {
    … …  
    20322277
    20332278.bp-user {
     2279
    20342280    #buddypress {
    20352281
    … …  
    20372283            // 'p' = email notification screen sub heading
    20382284            > p {
     2285
    20392286                @include font-size(20);
    20402287                margin: $spacing-val-md 0 $spacing-val-sm;
    … …  
    20432290
    20442291        table.notification-settings {
    2045             th.title {width: 75%;}
     2292
     2293            th.title {
     2294                width: 75%;
     2295            }
     2296
    20462297            td.yes,
    20472298            td.no {
    … …  
    20592310
    20602311            @media screen and (min-width: 46.25em) {
     2312
    20612313                th.field-group-name,
    20622314                td.field-name {
    … …  
    20712323
    20722324            td.field-visibility {
    2073                 select {width: 100%;}
     2325
     2326                select {
     2327                    width: 100%;
     2328                }
    20742329            }
    20752330        }
    … …  
    20912346
    20922347    div.activity-comments {
     2348
    20932349        form {
     2350
    20942351            .ac-textarea {
    20952352                background: $light-background;
    … …  
    21042361    }
    21052362
    2106     select {border: 1px solid rgba($border-color, 0.5);}
     2363    select {
     2364        border: 1px solid rgba($border-color, 0.5);
     2365    }
    21072366
    21082367    // Overrides for embedded WP editors.
    21092368    .wp-editor-wrap {
     2369
    21102370        a.button,
    21112371        button,
    2112         input[type=submit],
    2113         input[type=button],
    2114         input[type=reset] {
     2372        input[type="submit"],
     2373        input[type="button"],
     2374        input[type="reset"] {
    21152375            padding: 0 5px 1px;
    21162376        }
    … …  
    21262386    .standard-form,
    21272387    .group-create-form {
     2388
    21282389        li {
    21292390            float: none;
    … …  
    21312392        }
    21322393
    2133         input[type='text'],
     2394        input[type="text"],
    21342395        textarea {
    21352396            width: 100%;
    … …  
    21552416            }
    21562417
    2157             input[type='text'] {
     2418            input[type="text"] {
    21582419                float: left;
    21592420                margin: 0;
    … …  
    21612422            }
    21622423
    2163             input[type='text'],
    2164             input[type='submit'] {
     2424            input[type="text"],
     2425            input[type="submit"] {
     2426
    21652427                @include font-size(14);
    21662428                border: 0;
    … …  
    21682430            }
    21692431
    2170             input[type='text'] {
     2432            input[type="text"] {
    21712433                border-right: 1px solid rgba($border-color, 0.4);
    21722434                padding: 0.2em 0 0.2em 0.2em;
    21732435            }
    21742436
    2175             input[type='submit'] {
     2437            input[type="submit"] {
    21762438                float: right;
    2177                 font-weight: normal;
     2439                font-weight: 400;
    21782440                padding: 0.2em 1em;
    21792441                text-align: center;
    … …  
    21872449    // Shift the search parent to the right and allow to shrinkwrap
    21882450    @media screen and (min-width: 38.75em) {
     2451
    21892452        div.dir-search,
    21902453        div.message-search,
    … …  
    21942457
    21952458            form {
     2459
    21962460                label,
    2197                 input[type='text'],
    2198                 input[type='submit'] {
     2461                input[type="text"],
     2462                input[type="submit"] {
    21992463                    width: auto;
    22002464                }
    … …  
    22072471        .dir-search,
    22082472        .message-search {
     2473
    22092474            form {
    2210                 input[type='text'] { @include font-size(16) ;}
    2211                 input[type='submit'] { @include font-size(16) ;}
     2475
     2476                input[type="text"] {
     2477
     2478                    @include font-size(16);
     2479                }
     2480
     2481                input[type="submit"] {
     2482
     2483                    @include font-size(16);
     2484                }
    22122485            }
    22132486        }
    … …  
    22272500// breakpoints. Provide top/bottom margins for tables, lacking in BP styles
    22282501#buddypress {
     2502
    22292503    table {
     2504
    22302505        @include font-size(14);
    22312506        margin: $spacing-val-md 0;
    … …  
    22382513
    22392514        // Reduce the themes inherited paragraph margins in tables
    2240         p {margin-bottom: 0.5em;}
     2515        p {
     2516            margin-bottom: 0.5em;
     2517        }
    22412518    }
    22422519
    22432520    @media screen and (min-width: 55em) {
    2244         table {@include font-size(16);}
     2521
     2522        table {
     2523
     2524            @include font-size(16);
     2525        }
    22452526    }
    22462527}
    … …  
    22532534    .notifications,
    22542535    .messages-notices {
     2536
    22552537        th {
    22562538            width: 30%;
    … …  
    22812563        // styling issues - this will need styling ideas
    22822564        td {
     2565
    22832566            .button {
    22842567                border: 0;
    … …  
    22932576    .messages-notices {
    22942577
    2295         .bp-tooltip:hover::after,
    2296         .bp-tooltip:active::after,
    2297         .bp-tooltip:focus::after {
     2578        .bp-tooltip:hover:after,
     2579        .bp-tooltip:active:after,
     2580        .bp-tooltip:focus:after {
    22982581            left: 0;
    22992582            margin-top: 10px;
    … …  
    23182601
    23192602#buddypress {
     2603
    23202604    #item-body {
     2605
    23212606        div#message {
    23222607            margin-top: $spacing-val-md;
    … …  
    23292614
    23302615    div#message {
     2616
    23312617        p {
     2618
    23322619            @include font-size(18);
    2333             font-weight: bold;
     2620            font-weight: 700;
    23342621        }
    23352622
    23362623        &.info {
     2624
    23372625            p {
     2626
    23382627                @include message-box($notice-info);
    23392628            }
    … …  
    23412630
    23422631        &.updated {
     2632
    23432633            p {
     2634
    23442635                @include message-box($notice-update);
    23452636            }
    … …  
    23532644// we need to use the body classes
    23542645.delete-group {
     2646
    23552647    #buddypress {
     2648
    23562649        div#message.info {
    23572650
    23582651            p {
     2652
    23592653                @include message-box($notice-warning);
    23602654            }
Note: See TracChangeset for help on using the changeset viewer.