Changeset 22242

Timestamp:

10/16/2012 01:34:01 PM (12 years ago)

Author:

koopersmith

Message:

Add button groups. see #21598, #21390.

File:

• trunk/wp-includes/css/buttons.css (modified) (4 diffs)

trunk/wp-includes/css/buttons.css

@@ -27 +27 @@
  2.0 - Default Button Style
  3.0 - Primary Button Style
+ 4.0 - Button Groups
 
 ---------------------------------------------------------------------------- */
@@ -38 +39 @@
 .button-secondary {
     display: inline-block;
+    vertical-align: middle;
     text-decoration: none;
     font-size: 12px;
@@ -55 +57 @@
 }
 
-.button.button-large {
+.button.button-large,
+.button-group.button-large .button {
     padding: 0.4em 1.0em 0.5em;
 }
 
-.button.button-small {
+.button.button-small,
+.button-group.button-small .button {
     padding: 0.15em 0.75em 0.17em;
 }
@@ -219 +223 @@
     text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important;
 }
+
+/* ----------------------------------------------------------------------------
+  4.0 - Button Groups
+---------------------------------------------------------------------------- */
+
+.button-group {
+    display: inline-block;
+    white-space: nowrap;
+    font-size: 0;
+    vertical-align: middle;
+}
+
+.button-group > .button {
+    position: relative;
+    display: inline-block;
+    border-radius: 0;
+    margin-right: -1px;
+    z-index: 10;
+}
+
+.button-group > .button-primary {
+    z-index: 100;
+}
+
+.button-group > .button:hover {
+    z-index: 20;
+}
+
+.button-group > .button:first-child {
+    border-radius: 3px 0 0 3px;
+}
+
+.button-group > .button:last-child {
+    border-radius: 0 3px 3px 0;
+}