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