WordPress.org

Make WordPress Core

Changeset 22242


Ignore:
Timestamp:
10/16/2012 01:34:01 PM (6 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.