WordPress.org
Get WordPress

Making WordPress.org


Ignore:
Timestamp:
06/25/2018 05:00:18 PM (8 years ago)
Author:
obenland
Message:

Main: Add parallelogram to Get page.

Props melchoyce.
See #3673.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_about.scss

    r7324 r7332  
    2626                position: relative;
    2727
    28                 .shape {
    29                         color: #fff;
    30                         display: block;
     28                .parallelogram {
    3129                        height: 260px;
    32                         margin: 0 auto;
    33                         opacity: 0.9;
    34                         padding: 4.7rem 0;
    35                         position: absolute;
    36                         text-align: center;
    37                         transform: skew( -15deg) ;
    3830                        width: 310px;
    39 
    40                         &:before {
    41                                 font-size: ms( 12 );
    42                                 height: 64px;
    43                                 position: relative;
    44                                 right: 1rem;
    45                                 transform: skew( 15deg );
    46                                 width: 64px;
    47                         }
    4831
    4932                        &:hover,
    … …  
    8770                        height: 610px;
    8871
    89                         .shape {
     72                        .parallelogram {
    9073                                height: 336px;
    9174                                padding: 7rem 0;
    … …  
    9780                        height: 580px;
    9881
    99                         .shape {
     82                        .parallelogram {
    10083                                height: 315px;
    10184                                padding: 5rem 0;
    … …  
    11497                        margin: 4rem 0;
    11598
    116                         .shape {
     99                        .parallelogram {
    117100                                height: 282px;
    118101                                padding: 4rem 0;
    … …  
    135118                        height: 420px;
    136119
    137                         .shape {
     120                        .parallelogram {
    138121                                height: 380px;
    139122                                padding: 6rem 0;
Note: See TracChangeset for help on using the changeset viewer.