Making WordPress.org


Ignore:
Timestamp:
12/15/2022 06:14:16 PM (18 months ago)
Author:
coffee2code
Message:

Theme Directory: Add initial theme categorization features to the theme.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

    r12106 r12338  
    473473}
    474474
     475@keyframes hideAnimation {
     476    to {
     477        visibility: hidden;
     478    }
     479}
     480
     481.theme-wrap {
     482    .categorization-container {
     483        h2 {
     484            margin-top: 0;
     485        }
     486        p {
     487            font-size: 15px;
     488        }
     489    }
     490
     491    .categorization {
     492        .help {
     493            color: #999;
     494            margin-top: 0;
     495            display: inline-block;
     496            font-size: 0.8rem;
     497        }
     498        label {
     499            font-weight: bold;
     500            display: block;
     501        }
     502        input {
     503            width: 100%;
     504        }
     505        .success-msg {
     506            background: #eff7ed;
     507            border-color: #64b450;
     508            padding: 0.1rem 0.6rem 0.2rem;
     509            overflow: auto;
     510            position: relative;
     511            border-width: 0 0 0 5px;
     512            border-style: solid;
     513            margin-left: 1rem;
     514            font-size: 0.8rem;
     515            user-select: none;
     516            transition: visibility 0s, opacity 0.5s linear;
     517            visibility: hidden;
     518            opacity: 0;
     519        }
     520        .success-msg.saved {
     521            visibility: visible;
     522            opacity: 1;
     523            animation: hideAnimation 0s ease-in 5s;
     524            animation-fill-mode: forwards;
     525        }
     526    }
     527
     528    .categorization-widget {
     529        font-size: 15px;
     530        margin-bottom: 2rem;
     531
     532        .widget-head {
     533            display: flex;
     534            flex-flow: row wrap;
     535            column-gap: 12px;
     536            justify-content: space-between;
     537
     538            h3 {
     539                flex: 1 1 auto;
     540                font-size: 0.9rem;
     541                font-weight: bold;
     542                margin-top: 0;
     543                margin-bottom: 0.2rem;
     544            }
     545            a {
     546                font-size: 13px;
     547                line-height: 2;
     548                flex: 0 0 auto;
     549                text-align: right;
     550
     551                &[href=""] {
     552                    display: none;
     553                }
     554
     555                &:after {
     556                    content: '\f504';
     557                    font-family: dashicons;
     558                    margin-left: 2px;
     559                }
     560            }
     561        }
     562
     563        p {
     564            font-size: 0.7rem;
     565            margin-top: 0.5rem;
     566        }
     567    }
     568
     569    .theme-categorization-options {
     570        border-top: 4px solid #ddd;
     571        font-size: 15px;
     572    }
     573}
     574
    475575/**
    476576 * Theme Screenshots gallery
Note: See TracChangeset for help on using the changeset viewer.