Making WordPress.org


Ignore:
Timestamp:
10/18/2018 01:53:33 AM (6 years ago)
Author:
coffee2code
Message:

developer.wordpress.org: Revamp the design of the homepage to match the redesign of other wp.org sites (support, plugins, main, etc).

Also changes dashicon used for theme handbook.

Props mapk, coffee2code.
Fixes #2459.
See #3377.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

    r7491 r7739  
    33
    44.home .devhub-wrap {
     5    h1, h2, h3, h4, h5, h6 {
     6        font-family: "Open Sans", sans-serif;
     7    }
    58    padding-bottom: 0;
    69    #content {
     
    507510    }
    508511    .home-landing .section {
    509         padding: 30px 0%;
    510         padding: 3rem 0%;
     512        padding: 50px 0 10px;
     513        padding: 5rem 0 1rem;
     514        margin-top: 60px;
     515        margin-top: 6rem;
     516
     517        .no-bullets {
     518            li {
     519                line-height: 20px;
     520                line-height: 2rem;
     521                margin-bottom: 12.5px;
     522                margin-bottom: 1.25rem;
     523
     524                a {
     525                    color: #4ca6cf;
     526                    font-size: 125%;
     527                }
     528            }
     529        }
     530
     531        @media ( max-width: 974px ) {
     532            width: 640px;
     533            margin: 0 auto;
     534        }
     535       
    511536    }
    512537    .color.section {
    513538        color: #fff;
    514539    }
    515     .section.blue {
     540    .section {
    516541        /*background: #0073aa;*/
    517542        padding: 30px 0;
    518543        padding: 3rem 0;
     544        overflow: auto;
    519545
    520546        .box {
    521547            text-align: center;
    522548
     549            padding: 0 30px 90px;
     550            padding: 0 3rem 9rem;
     551            width: 320px;
     552
    523553            .widget-description {
    524                 padding: 1em 0;
     554                padding: 1em 0 0;
     555                margin-bottom: 5px;
     556                margin-bottom: 1rem;
     557            }
     558        }
     559        &.search-guide {
     560            border-top: 2px solid #efefef;
     561            padding-top: 60px;
     562            padding-top: 6rem;
     563            margin-top: 0;
     564
     565            .box {
     566                text-align: left;
    525567            }
    526568        }
     
    528570        .widget-title {
    529571
    530             font-size: 50px;
    531             font-size: 5rem;
    532             line-height: 78px;
    533             line-height: 7.8rem;
     572            font-size: 25px;
     573            font-size: 2.5rem;
     574            line-height: 60px;
     575            line-height: 6rem;
    534576            .dashicons {
    535                 font-size: 84px;
    536                 font-size: 8.4rem;
     577                color: #222;
     578                font-size: 108px;
     579                font-size: 10.8rem;
    537580                line-height: 84px;
    538581                line-height: 8.4rem;
     
    931974
    932975    .widget-description {
    933         font-style: italic;
    934         font-weight: 300;
    935     }
     976        font-weight: 400;
     977    }
     978    .go {
     979        color: #4ca6cf;
     980    }
     981
    936982    .handbook {
    937983        h1 {
     
    15771623    }
    15781624}
     1625.site-header.home {
     1626    padding: 28px 20px;
     1627    padding: 2.8rem 2.0rem;
     1628    text-align: center;
     1629
     1630    .site-branding {
     1631        height: initial;
     1632    }
     1633
     1634    .site-title {
     1635        max-width: none;
     1636        font-weight: 300;
     1637        margin: 36px 0 11.25px;
     1638        margin: 3.6rem 0 1.125rem;
     1639        text-align: center;
     1640        display: inherit;
     1641        clear: both;
     1642
     1643        a {
     1644            font-size: 68.6646px;
     1645            font-size: 6.86646rem;
     1646       
     1647            @media (max-width: 500px) {
     1648                font-size: 50px;
     1649                font-size: 5rem;
     1650            }
     1651        }
     1652    }
     1653
     1654    .site-description {
     1655        color: hsla(0,0%,100%,.8);
     1656        font-size: 2.25rem;
     1657        font-weight: 300;
     1658        text-align: center;
     1659    }
     1660}
     1661
    15791662.menu-container {
    15801663    background: #0073aa;
Note: See TracChangeset for help on using the changeset viewer.