WordPress.org

Make WordPress Core

Changeset 22242


Ignore:
Timestamp:
10/16/12 13:34:01 (3 years ago)
Author:
koopersmith
Message:

Add button groups. see #21598, #21390.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-includes/css/buttons.css

    r22239 r22242  
    2727 2.0 - Default Button Style 
    2828 3.0 - Primary Button Style 
     29 4.0 - Button Groups 
    2930 
    3031---------------------------------------------------------------------------- */ 
     
    3839.button-secondary { 
    3940    display: inline-block; 
     41    vertical-align: middle; 
    4042    text-decoration: none; 
    4143    font-size: 12px; 
     
    5557} 
    5658 
    57 .button.button-large { 
     59.button.button-large, 
     60.button-group.button-large .button { 
    5861    padding: 0.4em 1.0em 0.5em; 
    5962} 
    6063 
    61 .button.button-small { 
     64.button.button-small, 
     65.button-group.button-small .button { 
    6266    padding: 0.15em 0.75em 0.17em; 
    6367} 
     
    219223    text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important; 
    220224} 
     225 
     226/* ---------------------------------------------------------------------------- 
     227  4.0 - Button Groups 
     228---------------------------------------------------------------------------- */ 
     229 
     230.button-group { 
     231    display: inline-block; 
     232    white-space: nowrap; 
     233    font-size: 0; 
     234    vertical-align: middle; 
     235} 
     236 
     237.button-group > .button { 
     238    position: relative; 
     239    display: inline-block; 
     240    border-radius: 0; 
     241    margin-right: -1px; 
     242    z-index: 10; 
     243} 
     244 
     245.button-group > .button-primary { 
     246    z-index: 100; 
     247} 
     248 
     249.button-group > .button:hover { 
     250    z-index: 20; 
     251} 
     252 
     253.button-group > .button:first-child { 
     254    border-radius: 3px 0 0 3px; 
     255} 
     256 
     257.button-group > .button:last-child { 
     258    border-radius: 0 3px 3px 0; 
     259} 
Note: See TracChangeset for help on using the changeset viewer.