WordPress.org
Get WordPress

Making WordPress.org


Ignore:
Timestamp:
05/31/2018 12:51:13 PM (7 years ago)
Author:
netweb
Message:

Support Theme: Update CSS to meet WordPress CSS Coding Standards

See ​https://make.wordpress.org/core/handbook/best-practices/coding-standards/css/

File:
1 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/sass/site/_bbpress.scss

    r7136 r7256  
    1313
    1414.three-up { //3-columns section
     15
    1516    @extend .clear;
    1617
    1718    @media (min-width: $ms-breakpoint) {
     19
    1820        > div {
    19             float:left;
    20             width:30%;
    21             margin-right:5%;
    22             font-size:ms(-2);
     21            float: left;
     22            width: 30%;
     23            margin-right: 5%;
     24            font-size: ms(-2);
     25
    2326            &:nth-child(3n) {
    24                 margin-right:0;
     27                margin-right: 0;
    2528            }
    2629        }
    … …  
    2831
    2932    &.bbp-forums {
     33
    3034        > div {
    3135            background: transparent;
    … …  
    4549
    4650            p {
    47                 color: #666666;
     51                color: #666;
    4852            }
    4953
    5054            a {
     55
    5156                &:hover {
    5257                    color: $color__link;
    … …  
    6570
    6671                &:nth-child(3n) {
    67                     margin-right:0;
     72                    margin-right: 0;
    6873                }
    6974            }
    … …  
    7580.bbpress,
    7681.page-template-page-forums-sidebar {
     82
    7783    main#main {
     84
    7885        .entry-content,
    7986        .entry-meta {
    8087            padding: 0;
    8188
    82             @media(min-width:568px) {
     89            @media (min-width: 568px) {
    8390                padding: 0 ms(4);
    8491            }
    … …  
    102109
    103110        @media screen and ( min-width: $ms-breakpoint ) {
     111
    104112            .entry-content,
    105113            .entry-meta {
    … …  
    117125
    118126.bbpress {
     127
    119128    main#main {
    120129        margin-top: 2rem;
    … …  
    127136
    128137        div.bbp-template-notice {
    129             padding: .5rem;
     138            padding: 0.5rem;
    130139            border: none;
    131140            border-radius: 3px;
    … …  
    162171
    163172        .bbp-body {
     173
    164174            .bbp-topic-freshness,
    165175            .bbp-topic-voice-count,
    … …  
    171181        .bbp-header,
    172182        .bbp-body {
     183
    173184            li.bbp-forum-freshness,
    174185            li.bbp-topic-freshness {
    175186                width: 58%;
    176187
    177                 @media(min-width: 321px) {
     188                @media (min-width: 321px) {
    178189                    width: 25%;
    179190                }
    … …  
    239250
    240251        @media only screen and (max-width: 480px) {
     252
    241253            div.bbp-reply-author img.avatar,
    242254            div.bbp-topic-author img.avatar {
    … …  
    280292        .wporg-bbp-user-flag {
    281293            font-size: ms(-2);
    282             font-weight: normal;
     294            font-weight: 400;
    283295            margin: 0;
    284296            margin-right: 10px;
    … …  
    320332        div.bbp-topic-content a.mention {
    321333            text-decoration: none;
    322             font-weight: bold;
     334            font-weight: 700;
    323335        }
    324336
    … …  
    355367        li.bbp-body div.type-topic:focus-within span.bbp-admin-links,
    356368        li.bbp-body div.type-reply:focus-within span.bbp-admin-links {
    357             /* Separated from the block above due to browsers that don't support :focus-within */
     369
     370            /* Separated from the block above due to browsers that
     371             * don't support :focus-within */
    358372            display: block;
    359373        }
    … …  
    368382        .bbp-topic-revision-log-item,
    369383        .bbp-reply-revision-log-item {
     384
    370385            img.avatar {
    371386                display: none; // Hides the avatar from single forum view.
    … …  
    382397
    383398        p.bbp-topic-meta a {
     399
    384400            /* Override bb-base/style.css */
    385401            color: $color__link;
    … …  
    388404            &:focus,
    389405            &:active {
     406
    390407                /* Override bb-base/style.css */
    391408                text-decoration: underline;
    … …  
    398415        }
    399416
    400         p.wporg-bbp-topic-site-url:before {
     417        p.wporg-bbp-topic-site-url::before {
     418
    401419            content: "\f103";
    402420            color: #000;
    403421            font-family: dashicons;
    404             font: normal 16px/1 'dashicons';
     422            font: 400 16px/1 dashicons;
    405423            margin-right: 5px;
    406424            float: left;
    … …  
    424442            .page-numbers {
    425443                background: #fff;
    426                 border: 1px solid #B4B9BE;
    427                 margin-left: 0;
     444                border: 1px solid #b4b9be;
    428445                color: #757575;
    429446                padding: 2px 8px;
    … …  
    451468                    border-radius: 3px 0 0 3px;
    452469                }
     470
    453471                &:last-child {
    454472                    border-radius: 0 3px 3px 0;
    … …  
    502520
    503521    .forum-titles {
     522
    504523        .bbp-topic-voice-count,
    505524        .bbp-topic-reply-count {
    506525            overflow: hidden;
    507526
    508             &:before {
    509                 font: normal 16px/1 'dashicons';
    510                 margin-right: 100px;
    511 
    512                 @media(min-width: 321px) {
    513                     font: normal 21px/1 'dashicons';
    514                     margin-left: 20px;
    515                 }
    516             }
    517         }
     527            &::before {
     528
     529                font: 400 16px/1 dashicons;
     530                margin-right: 100px;
     531
     532                @media (min-width: 321px) {
     533
     534                    font: 400 21px/1 dashicons;
     535                    margin-left: 20px;
     536                }
     537            }
     538        }
     539
    518540        .bbp-topic-voice-count {
    519             &:before {
    520                 content: "\f307";
    521             }
    522         }
     541
     542            &::before {
     543                content: "\f307";
     544            }
     545        }
     546
    523547        .bbp-topic-reply-count {
    524             &:before {
    525                 content: "\f125";
     548
     549            &::before {
     550                content: "\f125";
    526551            }
    527552        }
    … …  
    535560
    536561
    537 
    538562/*--------------------------------------------------------------
    539563# Buttons
    … …  
    541565
    542566#bbpress-forums {
     567
    543568    fieldset.bbp-form button {
    544569        padding: 0 0.8rem;
    … …  
    561586
    562587    fieldset.bbp-form .button.submit {
     588
    563589        @extend .button-primary;
    564590    }
    … …  
    568594    .subscription-toggle,
    569595    .favorite-toggle {
     596
    570597        @extend .button;
    571598    }
    … …  
    583610        text-decoration: underline !important;
    584611    }
    585     &:after {
     612
     613    &::after {
    586614        content: "\f345";
    587         font-family: dashicons;
    588         position: absolute;
    589         top: 1px;
    590         right: 0;
     615        font-family: dashicons;
     616        position: absolute;
     617        top: 1px;
     618        right: 0;
    591619    }
    592620}
    593621
    594622.rtl .viewmore {
    595     &:after {
     623
     624    &::after {
    596625        content: "\f341";
    597626    }
    598627}
    599 
    600628
    601629
    … …  
    605633
    606634#bbpress-forums {
     635
    607636    fieldset.bbp-form {
    608637        margin: 0;
    … …  
    610639
    611640        legend {
    612             font-weight: normal;
     641            font-weight: 400;
    613642            font-size: ms(2);
    614643        }
    … …  
    635664
    636665    @media (max-width: 767px) {
     666
    637667        input[type="text"] {
    638668            width: 100%;
    … …  
    662692
    663693.topic-resolved {
     694
    664695    label {
    665696        vertical-align: none;
    666697    }
     698
    667699    select {
    668700        width: 120px;
    … …  
    674706    -webkit-appearance: menulist; // Get those arrows back into the select box.
    675707}
    676 
    677708
    678709
    … …  
    720751
    721752    .helpful-links {
     753
    722754        > div:last-child {
    723755            font-size: ms(-2);
    … …  
    725757
    726758        @media (min-width: $ms-breakpoint) {
     759
    727760            > div {
    728761                width: 65%;
    … …  
    744777        p {
    745778            font-size: ms(0);
    746             color: #666666;
     779            color: #666;
    747780
    748781            a:hover > .dashicons {
    … …  
    770803
    771804
    772 
    773 
    774805/*--------------------------------------------------------------
    775806# Single Forum
    776807--------------------------------------------------------------*/
    777808.sidebar {
    778     .forum-info li:before,
    779     .topic-info li:before,
    780     div ul li a:before {
     809
     810    .forum-info li::before,
     811    .topic-info li::before,
     812    div ul li a::before {
    781813        float: left;
    782814        margin-right: 5px;
    … …  
    795827    }
    796828
    797     .forum-info li.topic-count:before {
     829    .forum-info li.topic-count::before {
    798830        content: "\f105";
    799831    }
    800832
    801     .forum-info li.reply-count:before,
    802     .topic-info li.reply-count:before {
     833    .forum-info li.reply-count::before,
     834    .topic-info li.reply-count::before {
    803835        content: "\f125";
    804836    }
    805837
    806     .forum-info li.create-topic a:before,
    807     .topic-info li.create-reply a:before {
     838    .forum-info li.create-topic a::before,
     839    .topic-info li.create-reply a::before {
    808840        content: "\f132";
    809841    }
    810842
    811     .forum-info li.forum-subscribe:before,
    812     .topic-info li.topic-subscribe:before {
     843    .forum-info li.forum-subscribe::before,
     844    .topic-info li.topic-subscribe::before {
    813845        content: "\f465";
    814846    }
    … …  
    819851    }
    820852}
    821 
    822 
    823 
    824853
    825854
    … …  
    828857--------------------------------------------------------------*/
    829858.single-topic {
     859
    830860    .entry-content {
     861
    831862        #bbpress-forums {
    832863            overflow: visible;
    … …  
    898929                    float: left;
    899930                    color: #fff;
    900                     background: gold;
     931                    background: #ffd700;
    901932                    padding-top: 3px;
    902933                    width: 30px;
    … …  
    937968
    938969.sidebar {
    939     .topic-info li.topic-forum:before {
     970
     971    .topic-info li.topic-forum::before {
    940972        content: "\f230";
    941973    }
    942974
    943     .topic-info li.wp-version:before {
     975    .topic-info li.wp-version::before {
    944976        content: "\f120";
    945977    }
    946978
    947     .topic-info li.topic-resolved:before {
     979    .topic-info li.topic-resolved::before {
    948980        content: "\f546";
    949981    }
    950982
    951     .topic-info li.topic-favorite:before {
     983    .topic-info li.topic-favorite::before {
    952984        content: "\f487";
    953985    }
    … …  
    966998
    967999
    968 
    969 
    9701000/*--------------------------------------------------------------
    9711001# User Profile
    9721002--------------------------------------------------------------*/
    9731003.bbp-single-user {
     1004
    9741005    .page-header {
     1006
    9751007        h1 {
    9761008            margin-bottom: 1rem;
    … …  
    9781010    }
    9791011}
    980 
    981 
    9821012
    9831013
    … …  
    9891019    // Review page
    9901020    .review-ratings {
     1021
    9911022        @extend .clear;
    9921023        margin-bottom: ms(0);
    … …  
    10041035
    10051036            .reviews-total-count {
    1006                 font-weight: bold;
     1037                font-weight: 700;
    10071038                padding-bottom: 5px;
    10081039                padding-top: 5px;
    10091040            }
    10101041        }
     1042
    10111043        .col-5 {
    10121044            margin: 0 5% 10px 0;
    … …  
    10161048
    10171049            > div:first-child {
     1050
    10181051                @extend h4;
    10191052                margin-top: 0;
Note: See TracChangeset for help on using the changeset viewer.