Making WordPress.org


Ignore:
Timestamp:
02/01/2018 09:04:12 PM (4 years ago)
Author:
coffee2code
Message:

developer.wordpress.org: Adapt to new handbook styles as introduced in the Make team sites.

  • Revamps style of handbook sidebar (including making menu collapsible) and in-content table of contents
  • Removes search pane (with imminent switch to search widget) for handbooks
  • Moves breadcrumbs into main content area for handbooks
  • Moves #masthead out of, and before, #page
  • Restyles masthead to have blue background
  • Restyles slide down search pane to not match new masthead
  • Introduces dropdown menu for masthead menu at smaller viewports (as used in WP-CLI Commands)
  • Minor front page revamp of colors (more coming)

Fixes #2969,
See #2459, #3377.

File:
1 edited

Legend:

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

    r6310 r6512  
    4343    #content-area,
    4444    .inner-wrap {
    45         margin: 0 auto;
     45        margin: 2rem auto 0;
    4646        max-width: 60em;
    4747    }
     
    192192            border-bottom-color: #1e6a8d;
    193193            -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
    194             box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
    195             color: #fff;
     194            box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     195            color: #fff;
    196196            text-decoration: none;
    197197            text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     
    207207                border-color: #1b607f;
    208208                -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    209                 box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     209                box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    210210                color: #fff;
    211211                text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     
    332332    }
    333333    .hentry {
    334         margin: 0 0 1.5em;
     334        margin: 0;
    335335    }
    336336    .byline,
     
    493493        }
    494494        .site-title {
    495             color: #555555;
    496             float: left;
    497             font-size: 28px;
    498             line-height: 1em;
    499             padding-left: 9px;
    500             padding-top: 18px;
    501             text-shadow: 0 1px 0 #FFFFFF;
    502             font-weight: 300;
    503         }
    504 
    505     }
     495            color: #555555;
     496            float: left;
     497            font-size: 28px;
     498            line-height: 1em;
     499            padding-left: 9px;
     500            padding-top: 18px;
     501            text-shadow: 0 1px 0 #FFFFFF;
     502            font-weight: 300;
     503        }
     504    }
     505
    506506    .breadcrumbs {
    507507        .active {
     
    512512    }
    513513    .breadcrumb-trail {
    514         margin-bottom: 1.25em;
     514        margin-bottom: 2rem;
     515
     516        a {
     517            text-decoration: none;
     518        }
    515519    }
    516520    h1.entry-title,
     
    560564    }
    561565    .section.blue {
    562         background: #0073aa;
     566        /*background: #0073aa;*/
    563567        padding: 30px 0;
    564568        padding: 3rem 0;
     
    589593                display: block;
    590594                margin: 0 auto;
     595                opacity: 0.4;
    591596            }
    592597        }
     
    723728    }
    724729
    725     &.single, &.archive {
    726730        div#inner-search {
    727             background-color: #2e6183;
    728             margin-top: -1em;
     731            background-color: #666;
    729732            margin-bottom: 1em;
    730733            padding-top: 2px;
     
    737740                cursor: pointer;
    738741                div#inner-search-icon {
    739                     background-color: #2e6183;
     742                    background-color: #666;
    740743                    color: #ffffff;
    741744                    text-align: center;
     
    761764            }
    762765        }
    763     }
    764766
    765767    .archive-filter-form {
     
    890892
    891893    }
    892     #sidebar {
    893         border: 1px solid #d0d0d0;
    894         box-shadow: 0px 0px 5px #d0d0d0;
    895         background-color: #f0f0f0;
    896         h2.widget-title {
    897             background-color: #d0d0d0;
    898             color: #8a8989;
    899             text-align: center;
    900             text-transform: uppercase;
    901             font-size: 14px;
    902             letter-spacing: 2px;
    903             margin-bottom: 1.5rem;
    904             line-height: 26px;
    905             line-height: 2.6rem;
    906         }
    907         .menu > li {
    908             padding-bottom: 1em;
    909         }
    910         ul {
    911             list-style-type: none;
    912             margin: 0 10px;
    913             padding: 5px 0;
    914             counter-reset: item;
    915             li {
    916                 &:before {
    917                     content: counter(item);
    918                     counter-increment: item;
    919                     background-color: #d0d0d0;
    920                     width: 25px;
    921                     display: inline-block;
    922                     color: #fff;
    923                     margin-right: 10px;
    924                     text-align: center;
    925                     padding: 3px 0;
    926                     font-size: 13px;
    927                     border-radius: 50%;
    928                     vertical-align: top;
    929                 }
    930                 a {
    931                     font-size: 16px;
    932                     color: #4b4b4b;
    933                     font-weight: bold;
    934                 }
    935                 & > a {
    936                     display: inline-block;
    937                     width: 75%;
    938                 }
    939                 ul {
    940                     list-style-type: none;
    941                     padding: 0;
    942                     margin: 0 0 0 35px;
    943                     li {
    944                         padding-left: 20px;
    945                         &:before {
    946                             content: none;
    947                         }
    948                         a {
    949                             font-weight: normal;
    950                             font-size: 14px;
    951                             display: inline;
    952                             margin-left: -20px;
    953                         }
    954                         ul {
    955                             margin-left: 20px;
    956                         }
    957                     }
    958                 }
    959             }
    960         }
    961         .current-menu-item > a {
    962             font-weight: bold !important;
    963             color: #246998;
    964         }
    965     }
    966894
    967895    .reference-landing .box ul {
     
    1022950    .box.transparent {
    1023951        background: none;
    1024         color: #fff;
     952        color: #333;
    1025953
    1026954        h2,
    1027955        h3,
    1028956        h4 {
    1029             color: #fff;
     957            color: #32373c;
    1030958        }
    1031959    }
     
    11481076            margin-top: 30px;
    11491077        }
    1150         .table-of-contents {
    1151             width: 260px;
    1152             margin-left: 30px;
    1153 
    1154             h2 {
    1155                 padding: 3px 0;
    1156             }
    1157 
    1158             & > ul {
    1159                 margin-bottom: 0;
    1160             }
    1161         }
    1162         ul.items {
    1163             margin: 1em 20px !important;
    1164 
    1165             li {
    1166                 padding-bottom: 0px !important;
    1167             }
    1168             & > li {
    1169                 padding-bottom: 8px !important;
    1170             }
    1171             a {
    1172                 &:hover {
    1173                     color: #d54e21 !important;
    1174                 }
    1175             }
    1176         }
    11771078        .toc-jump {
    11781079            display: inline-block;
     
    12771178
    12781179    // User contributed notes
    1279     &.single-wp-parser-function, &.single-wp-parser-method, &.single-wp-parser-hook, &.single-wp-parser-class {
     1180    .single-wp-parser-function, .single-wp-parser-method, .single-wp-parser-hook, .single-wp-parser-class {
    12801181
    12811182        .bad-note .comment-content {
     
    15361437            float: left;
    15371438            overflow: hidden;
    1538             width: 30%;
     1439            width: 27%;
    15391440            margin-left: -55px;
    15401441            margin: 0;
     
    15641465    }
    15651466
    1566     .table-of-contents {
    1567         float: right;
    1568         width: 200px;
    1569         background: #f5f5f5;
    1570         border-style: none;
    1571         margin: 0 0 1em 1.85em;
    1572         z-index: 1;
    1573         position: relative;
    1574 
    1575         h2 {
    1576             padding: 4px 0;
    1577             text-align: center;
    1578             text-transform: uppercase;
    1579             font-size: 1em;
    1580             letter-spacing: 3px;
    1581             background: #d0d0d0;
    1582             color: #8a8989;
    1583         }
    1584 
    1585         ul,
    1586         ol {
    1587             margin: 6px 20px;
    1588             ul,
    1589             ol {
    1590                 margin-right: 0;
    1591                 margin-top: 0;
    1592             }
    1593         }
    1594     }
    1595 
    1596     // Handbook ToC items.
    1597     ul.items {
    1598         margin-bottom: 8px !important;
    1599         margin-top: 16px;
    1600         list-style-type: none !important;
    1601         padding-right: 10px;
    1602 
    1603         li {
    1604             padding-bottom: 6px !important;
    1605             font-weight: 600;
    1606 
    1607             ul li,
    1608             ul li ul li {
    1609                 padding-bottom: 0 !important;
    1610                 font-weight: normal;
    1611             }
    1612 
    1613             a {
    1614                 &:hover {
    1615                     color: #d54e21;
    1616                 }
    1617             }
    1618         }
    1619     }
    1620 
    16211467    .user-note-voting {
    16221468        font-size: 1.2em;
     
    16721518    }
    16731519}
     1520
     1521/** Site Header **/
     1522
     1523.site-header {
     1524    background: #0073aa;
     1525    float: none;
     1526    margin: 0 0 4em;
     1527    padding: 18px 0;
     1528    width: auto;
     1529    margin: 0;
     1530}
     1531.site-branding {
     1532    height: 32px;
     1533    box-sizing: border-box;
     1534    margin: 0 auto;
     1535    max-width: 960px;
     1536    padding: 0 10px;
     1537    position: relative;
     1538}
     1539.site-title {
     1540    line-height: 1;
     1541    margin: 0;
     1542    padding: 0;
     1543    font-family: 'Open Sans', sans-serif;
     1544    display: inline-block;
     1545    text-align: left;
     1546    color: black;
     1547
     1548    a {
     1549        color: #fff;
     1550        font-size: 28px;
     1551        font-weight: 300;
     1552        line-height: 1;
     1553        border-bottom: 0;
     1554    }
     1555
     1556    @media screen and (max-width: 769px) {
     1557        margin-left: 10px;
     1558    }
     1559}
     1560.menu-container {
     1561    background: #0073aa;
     1562    clear: both;
     1563    float: right;
     1564    width: 100%;
     1565
     1566    ul {
     1567        display: none;
     1568        list-style: none;
     1569        margin: 0;
     1570        padding-left: 0;
     1571
     1572        li {
     1573            border-top: 1px solid rgba(255, 255, 255, 0.2);
     1574            padding: 16px;
     1575        }
     1576    }
     1577
     1578    a {
     1579        color: rgba(255, 255, 255, 0.8);
     1580        display: block;
     1581        text-decoration: none;
     1582        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
     1583        font-size: 12.8px;
     1584
     1585        &:hover,
     1586        &:active {
     1587            color: #fff;
     1588            border-bottom: 1px solid #fff;
     1589           
     1590            @media screen and (max-width: 48em) {
     1591                border-bottom: 0;
     1592            }
     1593        }
     1594    }
     1595
     1596    @media screen and (min-width: 48em) {
     1597        float: right;
     1598        position: relative;
     1599        width: auto;
     1600        top: auto;
     1601        margin-right: 4px;
     1602
     1603        ul {
     1604            display: inline-block;
     1605            font-size: 0;
     1606            margin-top: 5px;
     1607
     1608            li {
     1609                border: 0;
     1610                display: inline-block;
     1611                font-size: 1.4rem;
     1612                margin-right: 2.1rem;
     1613                padding: 0;
     1614
     1615                &:last-of-type {
     1616                    margin: 0;
     1617                }
     1618            }
     1619        }
     1620    }
     1621}
     1622.main-navigation {
     1623    clear: both;
     1624    position: absolute;
     1625    left: 0;
     1626    width: 100%;
     1627    top: 50px;
     1628    z-index: 10;
     1629
     1630    &.toggled ul {
     1631        display: block;
     1632    }
     1633}
     1634
     1635.menu-toggle.dashicons {
     1636    background: transparent;
     1637    border: none;
     1638    color: #fff;
     1639    font-size: 25px;
     1640    height: 5.5rem;
     1641    overflow: hidden;
     1642    position: absolute;
     1643    right: 0.5rem;
     1644    top: -60px;
     1645    width: 5.5rem;
     1646    -webkit-appearance: none;
     1647}
     1648.toggled .menu-toggle.dashicons:before {
     1649    content: "\f343";
     1650}
     1651
     1652@media screen and (min-width: 48em) {
     1653    .menu-toggle.dashicons {
     1654        display: none;
     1655    }
     1656    .main-navigation {
     1657        float: right;
     1658        position: relative;
     1659        width: auto;
     1660        top: auto;
     1661
     1662        &.toggled {
     1663            padding: 1px 0;
     1664        }
     1665
     1666        ul {
     1667            display: inline-block;
     1668            font-size: 0;
     1669
     1670            li {
     1671                border: 0;
     1672                display: inline-block;
     1673                font-size: 1rem;
     1674                margin-right: 1rem;
     1675                padding: 0;
     1676
     1677                &:last-of-type {
     1678                    margin-right: 0;
     1679                }
     1680            }
     1681        }
     1682
     1683        button.button-search {
     1684            display: inline-block;
     1685        }
     1686    }
     1687}
     1688
     1689
     1690/** Handbook **/
     1691
     1692aside[id^="handbook"] .widget-title,
     1693aside[id^="nav_menu"] .widget-title {
     1694    font-size: 16px;
     1695    text-transform: uppercase;
     1696    letter-spacing: 1px;
     1697    background-color: transparent;
     1698    padding: 1rem 12px;
     1699    margin-bottom: 0;
     1700    color: inherit;
     1701}
     1702
     1703.post-type-archive-handbook .site-main .widget-area,
     1704.single-handbook .site-main .widget-area {
     1705    float: left;
     1706    margin-right: 4%;
     1707}
     1708.handbook-header {
     1709    line-height: 2em;
     1710
     1711    h1 {
     1712        margin-top: 0;
     1713    }
     1714}
     1715
     1716.single-handbook {
     1717    .content-area h1 {
     1718        margin-top: 0;
     1719        padding-top: 0;
     1720    }
     1721
     1722    .o2-post {
     1723        border-top: none;
     1724    }
     1725
     1726    .handbook-name-container + #primary {
     1727        padding-top: 5rem;
     1728    }
     1729}
     1730
     1731.post-type-archive-handbook .handbook-name a:not(:hover),
     1732.single-handbook .handbook-name a:not(:hover) {
     1733    color: inherit;
     1734}
     1735
     1736.handbook-name-container {
     1737    position: absolute;
     1738    right: 0;
     1739    width: 75%;
     1740    margin-left: 25%;
     1741    background-color: #fff;
     1742}
     1743
     1744/** Table of Contents */
     1745
     1746.site-main .table-of-contents {
     1747    float: right;
     1748    width: 250px;
     1749    border: 1px solid #eee;
     1750    margin: 0 0 15px 15px;
     1751    z-index: 1;
     1752    position: relative;
     1753    color: #555d66;
     1754    font-size: 0.9em;
     1755    background-color: #fff;
     1756    box-shadow: 0 0 8px rgba(0,0,0,0.1);
     1757    border-radius: 3px;
     1758
     1759    @media (min-width: 971px) {
     1760        margin: -15px -30px 15px 15px;
     1761    }
     1762
     1763    h2 {
     1764        margin: 0;
     1765        padding: 0.7rem 1.2rem;
     1766        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
     1767        font-size: 1.3em;
     1768        color: #32373c;
     1769        text-transform: uppercase;
     1770        border-bottom: 1px solid #eee;
     1771        margin-bottom: 0;
     1772    }
     1773}
     1774
     1775.post-type-archive-handbook ul.items,
     1776.single-handbook ul.items,
     1777.table-of-contents ul.items {
     1778    margin: 0;
     1779    list-style-type: none;
     1780    padding: 1.2rem;
     1781
     1782    li {
     1783        padding: 4px;
     1784
     1785        a {
     1786            text-decoration: none;
     1787
     1788            &:hover {
     1789                color: #0073aa;
     1790                text-decoration: underline;
     1791            };
     1792        }
     1793
     1794        ul li,
     1795        ul li ul li {
     1796            padding-bottom: 0;
     1797        }
     1798    }
     1799}
     1800
     1801/* Highlight current heading and adjust scroll position for fixed toolbar */
     1802.toc-heading:target {
     1803    position: relative;
     1804    padding-top: 50px;
     1805    margin-top: -50px;
     1806}
     1807
     1808/* Remove negative margin because there is no jump link before these headlines */
     1809.entry-content h2.toc-heading:first-of-type:target,
     1810.entry-content h3.toc-heading:first-of-type:target,
     1811h2.toc-heading + h3.toc-heading:target {
     1812    margin-top: 0;
     1813}
     1814
     1815.toc-heading:target:before {
     1816    content: '';
     1817    position: absolute;
     1818    left: -10px;
     1819    top: 50px;
     1820    border-left: 5px solid #0073aa;
     1821    height: 50%;
     1822    height: calc(100% - 50px);
     1823}
     1824
     1825.toc-jump {
     1826    position: relative;
     1827    height: 50px;
     1828}
     1829
     1830.toc-jump:after {
     1831    content: '';
     1832    display: table;
     1833    clear: both;
     1834}
     1835
     1836.toc-jump a {
     1837    z-index: 1;
     1838}
     1839
     1840@media (max-width: 480px) {
     1841    .table-of-contents {
     1842        display: none;
     1843    }
     1844}
     1845
     1846/** Menu */
     1847
     1848#secondary aside.widget_wporg_handbook_pages,
     1849#secondary aside.widget_nav_menu {
     1850    font-size: 16px;
     1851}
     1852
     1853.widget_wporg_handbook_pages h1,
     1854.widget_nav_menu h1 {
     1855    font-size: 1.6em;
     1856    font-weight: bold;
     1857    margin-bottom: 0.6em;
     1858}
     1859
     1860div[class*="-table-of-contents-container"] {
     1861    font-size: 0.8em;
     1862
     1863    ul {
     1864        margin-left: 0;
     1865        padding-left: 0;
     1866        list-style: none;
     1867
     1868        li {
     1869            .expandable {
     1870                display: flex;
     1871                flex-direction: row-reverse;
     1872                align-items: stretch;
     1873                position: relative;
     1874            }
     1875
     1876            .dashicons {
     1877                position: absolute;
     1878                right: 0;
     1879                cursor: pointer;
     1880                padding: 8px;
     1881                display: inline-block;
     1882                font-size: 20px;
     1883                width: auto;
     1884                height: 100%;
     1885                color: #0073aa;
     1886                background-color: #fafafa;
     1887                border: 0;
     1888                border-left: 1px solid rgba(0,0,0,0.05);
     1889                border-radius: 0;
     1890                box-shadow: none;
     1891                -webkit-appearance: none;
     1892            }
     1893
     1894            .dashicons:hover,
     1895            .dashicons:focus {
     1896                color: #fff;
     1897                background-color: #0073aa;
     1898            }
     1899
     1900            &.open > div > .dashicons {
     1901                transform: rotate(180deg);
     1902                border-right: 1px solid rgba(0,0,0,0.05);
     1903                border-left: none;
     1904            }
     1905        }
     1906
     1907        a {
     1908            display: block;
     1909            width: 100%;
     1910            font-size: 1.05em;
     1911            padding: 8px 40px 8px 8px;
     1912            text-decoration: none;
     1913
     1914            &:hover,
     1915            &:focus {
     1916                color: #fff;
     1917                background-color: #0073aa;
     1918            }
     1919            &.active {
     1920                color: #555;
     1921                background-color: #fff;
     1922            }
     1923        }
     1924
     1925        &.default-open {
     1926            display: block !important;
     1927        }
     1928    }
     1929    .open .expandable .dashicons:not(:focus) {
     1930        background: #fff;
     1931        color: #0073aa;
     1932    }
     1933    & > ul > li {
     1934        &:last-child {
     1935            border-bottom: 1px solid rgba(0,0,0,0.05);
     1936        }
     1937        .children > li > a,
     1938        .sub-menu > li > a {
     1939            padding-left: 13px;
     1940        }
     1941        .children > li > ul > li > a,
     1942        .sub-menu > li > ul > li > a {
     1943            padding-left: 8px;
     1944        }
     1945
     1946        &.open > div > a {
     1947            &:not(:focus) {
     1948                color: #0073aa;
     1949            }
     1950            &:hover {
     1951                color: #fff;
     1952                background-color: #0073aa;
     1953            }
     1954        }
     1955    }
     1956    .current-menu-item ul,
     1957    .current-menu-ancestor ul {
     1958        display: block;
     1959    }
     1960    .children,
     1961    .sub-menu {
     1962        overflow: hidden;
     1963        display: none;
     1964    }
     1965
     1966}
     1967
     1968#secondary {
     1969    div[class*="-table-of-contents-container"] {
     1970        ul {
     1971            li {
     1972                border-top: 1px solid rgba(0,0,0,0.05);
     1973                padding: 0;
     1974                position: relative;
     1975            }
     1976            ul {
     1977                margin-left: 12px;
     1978                border-left: 1px solid rgba(0,0,0,0.05);
     1979            }
     1980        }
     1981    }
     1982}
     1983
     1984/* New handbook design */
     1985.single-handbook {
     1986    #page {
     1987        background: linear-gradient(to right, #fafafa 35%, #fff 35%);
     1988        max-width: 100%;
     1989        padding: 0;
     1990        overflow: auto;
     1991    }
     1992
     1993    #content {
     1994        max-width: 960px;
     1995        margin: 0 auto;
     1996        display: flex;
     1997        padding-top: 0;
     1998    }
     1999
     2000    header {
     2001        margin: 0;
     2002    }
     2003
     2004    #secondary {
     2005        clear: left;
     2006        margin: 0;
     2007        background: #fafafa;
     2008        overflow: hidden;
     2009        width: 25%;
     2010        padding-top: 2rem;
     2011    }
     2012
     2013    #primary {
     2014        padding: 4rem 0 4rem 4rem;
     2015        background: #fff;
     2016        box-sizing: border-box;
     2017        width: 72%;
     2018
     2019        @media(max-width: 876px) {
     2020            padding: 4rem 20px;
     2021            width: 100%;
     2022        }
     2023    }
     2024
     2025    .widget_wporg_handbook_pages
     2026    .widget_nav_menu {
     2027        background-color: transparent;
     2028    }
     2029
     2030    nav.o2-post-actions button {
     2031        top: 10px;
     2032    }
     2033    .make-welcome {
     2034        margin: 0 !important;
     2035    }
     2036}
     2037/** /Handbook **/
    16742038
    16752039.rest-api-handbook-reference {
     
    16952059    }
    16962060
     2061}
     2062
     2063/* Menu toggle */
     2064
     2065#secondary-toggle {
     2066    display: none;
     2067}
     2068body.responsive-show {
     2069    position: fixed;
     2070    top: 32px;
     2071
     2072    #secondary {
     2073        left: 0;
     2074    }
     2075    #primary-modal {
     2076        display: block;
     2077    }
     2078    #o2-expand-editor {
     2079        display: none;
     2080    }
     2081}
     2082@media only screen and (max-width: 782px) {
     2083    #secondary {
     2084        top: 46px;
     2085    }
     2086
     2087    body.responsive-show {
     2088        position: fixed;
     2089        top: 46px;
     2090        left: 0;
     2091        right: 0;
     2092        bottom: 0;
     2093
     2094        #secondary {
     2095            left: 0;
     2096        }
     2097    }
     2098}
     2099@media only screen and (max-width: 480px) {
     2100    body.responsive-show #secondary {
     2101        top: 46px;
     2102    }
     2103    body.responsive-show #wpadminbar {
     2104        top: -46px;
     2105    }
     2106}
     2107
     2108@media (max-width: 876px) {
     2109    #secondary {
     2110        position: fixed;
     2111        z-index: 10;
     2112        bottom: 0px;
     2113        overflow-y: auto;
     2114        transition: all .25s ease;
     2115        top: 32px;
     2116        left: -100%;
     2117        width: 60%;
     2118        min-width: 300px;
     2119        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
     2120    }
     2121
     2122    #secondary-toggle {
     2123        display: block;
     2124        float: left;
     2125        margin-left: 17px;
     2126        margin-right: 0;
     2127        width: 48px;
     2128        height: 48px;
     2129        white-space: nowrap;
     2130        position: relative;
     2131        z-index: 1;
     2132
     2133        &:before {
     2134            content: '\f333';
     2135            -webkit-font-smoothing: antialiased;
     2136            font: normal 32px/1 'dashicons';
     2137            position: relative;
     2138            top: 0;
     2139            color: #fff;
     2140        }
     2141        strong {
     2142            display: none;
     2143        }
     2144    }
     2145    #page {
     2146        overflow-x: hidden;
     2147    }
     2148    body.responsive-show {
     2149        overflow-y: visible;
     2150        position: static;
     2151
     2152        #page {
     2153            overflow-x: visible;
     2154        }
     2155        #secondary-toggle:before {
     2156            color: #0073aa;
     2157        }
     2158    }
     2159
     2160    .content-area {
     2161        width: 100%;
     2162    }
     2163
     2164    #primary,
     2165    #secondary {
     2166        -webkit-backface-visibility: hidden;
     2167    }
    16972168}
    16982169
Note: See TracChangeset for help on using the changeset viewer.