Skip to:
Content

BuddyPress.org


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

    r11586 r11587  
    159159in your child themes root & either start over or modify the ruelesets.
    160160
    161 If you do not require the styles you can dequeue them from the themes functions file.
     161If you do not require the styles you can dequeue them from the themes
     162functions file.
    162163
    163164Please see this codex article for more information:
     
    214215// We reset this here under our #buddypress namespace
    215216#buddypress {
     217
    216218    h1,
    217219    h2,
     
    269271*/
    270272#buddypress {
     273
    271274    .item-list-tabs {
     275
    272276        ul {
    273277
     
    277281
    278282            @media screen and (min-width: 400px) {
     283
    279284                li {
    280285                    width: 50%;
     
    283288
    284289            @media screen and (min-width: 594px) {
     290
    285291                li {
    286292                    width: auto;
     
    296302
    297303.directory #buddypress {
     304
    298305    .item-list-tabs {
    299306
     
    314321
    315322        @media screen and (min-width: 783px) {
     323
    316324            ul {
    317325                padding-bottom: 0;
     
    320328                    border: 1px solid $border-med;
    321329                    border-bottom-color: $content-background;
     330
    322331                    @include border-top-radius(4px);
    323332                    margin-bottom: -1px;
     
    333342
    334343    #subnav {
     344
    335345        ul {
    336346            border-bottom: 0;
     
    346356/* List last filters global */
    347357#buddypress {
     358
    348359    #subnav {
     360
    349361        li#activity-filter-select.last {
    350362            line-height: 2.1;
     
    360372
    361373    #buddypress {
     374
    362375        #object-nav {
     376
    363377            ul {
    364378                border-bottom: 1px solid $border-med;
     
    372386
    373387            ul {
     388
    374389                li {
    375390                    width: auto;
     
    394409    .bp-user,
    395410    .single-item.groups {
     411
    396412        #buddypress {
    397413            background: lighten($nav-background-border, 10%);
     
    406422        }
    407423
    408         #item-body {border-left: 1px solid $nav-background-border;}
     424        #item-body {
     425            border-left: 1px solid $nav-background-border;
     426        }
    409427
    410428        #object-nav {
     
    486504
    487505#buddypress {
     506
    488507    div.pagination {
     508
    489509        .pag-count {
    490510            margin-left: 0;
     
    499519*/
    500520#buddypress {
     521
    501522    .item-list {
     523
    502524        .item-title {
    503525
    504526            a {
    505527                display: block;
     528
    506529                @include font-size(22);
    507530                text-decoration: none;
     
    510533            span.update,
    511534            span a {
     535
    512536                @include font-size(12);
    513537            }
     
    521545
    522546#buddypress {
     547
    523548    ul.item-list {
     549
    524550        li {
    525551            overflow: hidden !important; // buddypress styles over specified
     
    531557
    532558                a {
     559
    533560                    img.avatar {
    534561                        float: none;
     
    541568                width: 100%;
    542569
    543                 > a {text-align: center;}
     570                > a {
     571                    text-align: center;
     572                }
    544573            }
    545574
     
    581610
    582611            @media screen and (min-width: 594px) {
     612
    583613                .item-avatar {
    584614                    float: left;
     
    586616                }
    587617
    588                 div.item-title > a {text-align: left;}
     618                div.item-title > a {
     619                    text-align: left;
     620                }
    589621
    590622                .item {
     
    607639
    608640            @media screen and (min-width: 783px) {
     641
    609642                .item {
    610643                    float: left;
     
    627660
    628661                        a {
     662
    629663                            @include box-model(border-box);
    630664                            display: block;
     
    661695*/
    662696#buddypress {
     697
    663698    form#whats-new-form {
    664699        margin: $spacing-val-lg 0;
     
    684719
    685720        #whats-new-content {
     721
    686722            @media screen and (max-width: 594px) {
     723
    687724                #whats-new-options {
    688725                    display: flex;
     
    712749
    713750        @media screen and (min-width: 594px) {
     751
    714752            #whats-new-avatar {
    715753                float: left;
     
    734772
    735773#buddypress {
    736     #activity-stream {margin-top: $spacing-val-lg;}
     774
     775    #activity-stream {
     776        margin-top: $spacing-val-lg;
     777    }
     778
    737779    .activity-list {
    738780
    739781        li.activity-item:not(.mini) {
     782
    740783            .activity-avatar {
    741784                float: none;
     
    751794
    752795        li.mini {
     796
    753797            .activity-avatar {
     798
    754799                img.avatar {
    755800                    margin-left: 0;
     
    758803
    759804            .activity-meta {
    760                 a {@include font-size(12);}
     805
     806                a {
     807
     808                    @include font-size(12);
     809                }
    761810            }
    762811        }
     
    780829            }
    781830
    782             .activity-inner {margin: $spacing-val-sm 0;}
     831            .activity-inner {
     832                margin: $spacing-val-sm 0;
     833            }
    783834        }
    784835
    785836        @media screen and (min-width: 594px) {
     837
    786838            li.activity-item:not(.mini) {
     839
    787840                .activity-avatar {
    788841                    float: left;
     
    797850
    798851            li.mini {
     852
    799853                .activity-avatar {
    800854                    margin: 0 $spacing-val-sm 0 5%;
     
    813867// Activity Single Item 'Permalink' Page
    814868body.activity-permalink {
     869
    815870    #buddypress {
    816871        // remove user account faux column background
     
    818873
    819874        .activity-list {
     875
    820876            li {
     877
    821878                @media screen and (max-width: 760px) {
     879
    822880                    .activity-content,
    823881                    .activity-comments {
     
    837895
    838896#buddypress {
     897
    839898    .activity {
     899
    840900        .activity-comments {
    841901            margin-left: 0;
     
    867927            // reduce/widen the content margins
    868928            @media screen and (max-width: 400px) {
     929
    869930                .acomment-avatar {
    870931                    display: block;
     
    872933
    873934                    a,
    874                     img.avatar {display: inline; float: none;}
     935                    img.avatar {
     936                        display: inline;
     937                        float: none;
     938                    }
    875939                }
    876940
     
    881945                }
    882946
    883                 .acomment-content {padding: 0 $spacing-val-sm;}
     947                .acomment-content {
     948                    padding: 0 $spacing-val-sm;
     949                }
    884950            } // close @media
    885951
     
    891957                    display: inline-block;
    892958                    font-family: inherit;
     959
    893960                    @include font-size(12);
    894                     font-weight: normal;
     961                    font-weight: 400;
    895962                    line-height: 1.2;
    896963                    padding: 4px 10px;
     
    922989*------------------------------------------------------------
    923990*/
    924 
    925991
    926992
     
    930996*-------------------------------------------------------------------------------
    931997*/
     998
    932999/* groups & user account page entry title */
    9331000.single-item.groups,
     
    9351002
    9361003    .entry-title {
     1004
    9371005        @include title-background-dark();
    9381006        @include font-size(22);
     
    9421010
    9431011    @media screen and (min-width: 673px) {
     1012
    9441013        .entry-title {
     1014
    9451015            @include font-size(28);
    9461016        }
     
    9481018
    9491019} // close #buddypress
     1020
    9501021/**
    9511022*------------------------------------------------------------
     
    9551026// override BP margins - users/groups manage their own styles later on
    9561027#buddypress {
     1028
    9571029    div#item-header {
    9581030        padding-bottom: $spacing-val-sm;
     
    9681040            padding-top: $spacing-val-sm;
    9691041
    970             p {margin-bottom: 0;}
     1042            p {
     1043                margin-bottom: 0;
     1044            }
    9711045        }
    9721046    }
     
    9791053*/
    9801054.single-item.groups {
     1055
    9811056    #buddypress {
    9821057
    9831058        @media screen and (max-width: 594px) {
     1059
    9841060            div#item-header {
    9851061                display: flex;
     
    10001076                }
    10011077
    1002                 #item-header-content {order: 2;}
     1078                #item-header-content {
     1079                    order: 2;
     1080                }
    10031081
    10041082                #item-actions {
     
    10311109
    10321110                h2 {
     1111
    10331112                    @include font-size(20);
    10341113                }
     
    10451124
    10461125            @media screen and (min-width: 594px) {
     1126
    10471127                #item-actions {
    10481128                    float: right;
     
    10701150
    10711151.bp-user #buddypress {
     1152
    10721153    #item-header {
    10731154
     
    10861167
    10871168        @media screen and (max-width: 594px) {
     1169
    10881170            #item-buttons {
     1171
    10891172                div.generic-button {
    10901173                    display: inline-block;
     
    10941177
    10951178                    a {
     1179
    10961180                        @include box-model();
    10971181                        display: block;
     
    11031187
    11041188        @media screen and (min-width: 673px) {
     1189
    11051190            #item-header-avatar {
    11061191                float: left;
     
    11481233
    11491234    .radio {
     1235
    11501236        strong {
     1237
    11511238            @include font-size(18);
    11521239        }
     
    11571244    }
    11581245
    1159     #group-creation-previous {margin: $spacing-val-sm 0;}
     1246    #group-creation-previous {
     1247        margin: $spacing-val-sm 0;
     1248    }
    11601249}
    11611250
    11621251/* Manage Members */
    11631252.groups.manage-members {
     1253
    11641254    #group-settings-form {
    11651255
    1166         h3 {margin-top: $spacing-val-lg;}
     1256        h3 {
     1257            margin-top: $spacing-val-lg;
     1258        }
    11671259
    11681260        .item-list {
     
    11731265            li {
    11741266                border-bottom: 1px solid $border-light;
    1175                 &:last-child {border-bottom: 0;}
     1267
     1268                &:last-child {
     1269                    border-bottom: 0;
     1270                }
    11761271
    11771272                img,
     
    12191314
    12201315#buddypress {
     1316
    12211317    #members-group-list {
     1318
    12221319        .item-list {
     1320
    12231321            h5 {
    12241322                display: inline-block;
     
    12341332
    12351333#buddypress {
     1334
    12361335    #item-body {
     1336
    12371337        #subnav {
     1338
    12381339            li.groups-members-search:focus,
    12391340            li.groups-members-search:hover,
     
    12481349// Need to target groups members via body classes
    12491350.groups.group-members {
     1351
    12501352    #subnav {
    12511353
     
    12561358        }
    12571359
    1258         ul:after {clear: both; }
     1360        ul:after {
     1361            clear: both;
     1362        }
    12591363
    12601364        ul {
     
    12721376
    12731377            #search-members-form {
     1378
    12741379                @include box-model(border-box);
    12751380                float: left;
     
    12801385
    12811386                    label {
    1282                         input[type="text"] {width: 100%;}
     1387
     1388                        input[type="text"] {
     1389                            width: 100%;
     1390                        }
    12831391                    }
    12841392                }
     
    13011409
    13021410.send-invites {
     1411
    13031412    #buddypress {
     1413
    13041414        #item-body {
     1415
    13051416            @media screen and (min-width: 783px) {
    13061417                border-top: 1px solid $nav-background-border;
     
    13081419
    13091420            @media screen and (max-width: 400px) {
     1421
    13101422                .left-menu {
    13111423                    float: none;
     
    13231435
    13241436            li {
     1437
    13251438                img.avatar {
    13261439                    display: block;
     
    13411454
    13421455            @media screen and (min-width: 594px) {
    1343                 #invite-list {width: 160px;}
    1344                 .main-column {margin-left: 190px;}
     1456
     1457                #invite-list {
     1458                    width: 160px;
     1459                }
     1460
     1461                .main-column {
     1462                    margin-left: 190px;
     1463                }
    13451464
    13461465                li {
     1466
    13471467                    img.avatar {
    13481468                        float: left;
     
    13711491
    13721492#buddypress {
     1493
    13731494    .profile {
    13741495
    13751496        .bp-widget {
     1497
    13761498            h2 {
    13771499                background: $medium-background;
     
    13841506
    13851507        #profile-edit-form {
     1508
    13861509            .button-nav:before,
    13871510            .button-nav:after {
     
    14121535                    background: none;
    14131536                    border: 0;
    1414                     @include font-size(18)
     1537
     1538                    @include font-size(18);
    14151539                }
    14161540            } //.button-nav
     
    14181542            .field-visibility-settings-toggle,
    14191543            .field-visibility-settings {
     1544
    14201545                @include font-size(14);
    14211546            }
     
    14571582                background: $content-background;
    14581583                border-right: 0 !important;
     1584
    14591585                @include box-model(border-box);
    14601586                display: inline-block;
     
    14891615            td.thread-options {
    14901616                border-left: 0;
     1617
    14911618                @include calc(width, "100% - 30px");
    14921619                margin-left: 0;
     
    15031630
    15041631                a {
     1632
    15051633                    @include font-size(12);
    15061634                    line-height: 2.2;
     
    15191647                @media screen and (max-width: 320px) {
    15201648                    clear: both;
     1649
    15211650                    @include font-size(11);
    15221651                    width: 100%;
     
    15261655
    15271656        tr.unread {
     1657
    15281658            td {
    15291659                background: lighten($unread, 7%);
     
    15561686
    15571687        #message-subject {
     1688
    15581689            @include title-background-dark();
    15591690            padding: 0.5em;
     
    15611692
    15621693        .message-box {
     1694
    15631695            .message-metadata {
    15641696                margin-bottom: $spacing-val-sm;
     
    15711703        }
    15721704
    1573         .bp-tooltip:hover::after,
    1574         .bp-tooltip:active::after,
    1575         .bp-tooltip:focus::after {
     1705        .bp-tooltip:hover:after,
     1706        .bp-tooltip:active:after,
     1707        .bp-tooltip:focus:after {
    15761708            right: 40px;
    15771709            text-align: right;
     
    15831715        margin: 0;
    15841716
    1585         li {margin-left: 0;}
     1717        li {
     1718            margin-left: 0;
     1719        }
    15861720
    15871721        li.friend-tab {
     
    16181752
    16191753    #message-threads.sitewide-notices {
     1754
    16201755        td {
    16211756            width: 100%;
    16221757
    16231758            strong {
     1759
    16241760                @include title-background-dark();
    16251761                @include font-size(16);
     
    16611797            }
    16621798
    1663             a:last-child::after {
     1799            a:last-child:after {
    16641800                content: attr(title);
    16651801                display: block;
     
    16721808    .messages-notices {
    16731809
    1674         .bp-tooltip:hover::after,
    1675         .bp-tooltip:active::after,
    1676         .bp-tooltip:focus::after {
     1810        .bp-tooltip:hover:after,
     1811        .bp-tooltip:active:after,
     1812        .bp-tooltip:focus:after {
    16771813            left: 0;
    16781814            margin-top: 10px;
     
    16931829        padding-left: $spacing-val-sm;
    16941830
    1695         ul {    margin: 0; }
     1831        ul {
     1832            margin: 0;
     1833        }
    16961834
    16971835        li {
     
    17141852
    17151853#buddypress {
     1854
    17161855    #settings-form {
    17171856        // 'p' = email notification screen sub heading
    1718         > p { @include font-size(20); }
     1857        > p {
     1858
     1859            @include font-size(20);
     1860        }
    17191861    }
    17201862
    17211863    table.notification-settings {
     1864
    17221865        td.yes,
    17231866        td.no {
     
    17351878
    17361879        @media screen and (min-width: 401px) {
     1880
    17371881            th.field-group-name,
    17381882            td.field-name {
     
    17421886
    17431887        td.field-visibility {
    1744             select {width: 100%;}
     1888
     1889            select {
     1890                width: 100%;
     1891            }
    17451892        }
    17461893    }
     
    17661913
    17671914    .standard-form {
     1915
    17681916        input[type="text"],
    17691917        input[type="email"],
     
    17761924
    17771925    // BP :(
    1778     #send-reply.standard-form textarea {width: 100%;}
     1926    #send-reply.standard-form textarea {
     1927        width: 100%;
     1928    }
    17791929
    17801930    div.activity-comments {
     1931
    17811932        form {
     1933
    17821934            .ac-textarea {
    17831935                background: $light-background;
     
    18141966            }
    18151967
    1816             input[type='text'] {
     1968            input[type="text"] {
    18171969                float: left;
    18181970                margin: 0;
     
    18201972            }
    18211973
    1822             input[type='text'],
    1823             input[type='submit'] {
     1974            input[type="text"],
     1975            input[type="submit"] {
    18241976                border: 0;
     1977
    18251978                @include font-size(14);
    18261979                line-height: inherit;
    18271980            }
    18281981
    1829             input[type='text'] {
     1982            input[type="text"] {
    18301983                border-right: 1px solid #ccc;
    18311984                padding: 0.2em 0 0.2em 0.2em;
    18321985            }
    18331986
    1834             input[type='submit'] {
     1987            input[type="submit"] {
    18351988                float: right;
    1836                 font-weight: normal;
     1989                font-weight: 400;
    18371990                padding: 0.2em 1em;
    18381991                text-align: center;
     
    18472000    // Shift the search parent to the right and allow to shrinkwrap
    18482001    @media screen and (min-width: 401px) {
     2002
    18492003        div.dir-search,
    18502004        div.message-search {
     
    18532007
    18542008            form {
     2009
    18552010                label,
    1856                 input[type='submit'],
    1857                 input[type='text'] {
     2011                input[type="submit"],
     2012                input[type="text"] {
    18582013                    width: auto;
    18592014                }
     
    18612016        }
    18622017
    1863         div.message-search { margin: 3px 0 0;}
     2018        div.message-search {
     2019            margin: 3px 0 0;
     2020        }
    18642021
    18652022        li.groups-members-search {
     2023
    18662024            form {
     2025
    18672026                label,
    1868                 input[type='submit'],
    1869                 input[type='text'] {
     2027                input[type="submit"],
     2028                input[type="text"] {
    18702029                    width: auto;
    18712030                }
     
    18832042*/
    18842043#buddypress {
     2044
    18852045    table {
    18862046        border-color: $border-med;
     
    18912051    }
    18922052}
     2053
    18932054/*__ User Account tables __*/
    18942055
     
    19042065
    19052066    div#message {
     2067
    19062068        p {
     2069
    19072070            @include font-size(18);
    1908             font-weight: bold;
     2071            font-weight: 700;
    19092072        }
    19102073
    19112074        &.info {
     2075
    19122076            p {
     2077
    19132078                @include message-box($notice-info);
    19142079            }
     
    19162081
    19172082        &.updated {
     2083
    19182084            p {
     2085
    19192086                @include message-box($notice-update);
    19202087            }
     
    19272094// Without direct classes on our messages ( 'warning' )
    19282095// we need to use the body classes
    1929 // todo: If this is class .warning is included in main BP styles remove from here
     2096// @todo If this class .warning is included in main BP styles remove from here
    19302097.delete-group {
     2098
    19312099    #buddypress {
     2100
    19322101        div#message.info {
     2102
    19332103            p {
     2104
    19342105                @include message-box($notice-warning);
    19352106            }
Note: See TracChangeset for help on using the changeset viewer.