From d4e401be82aa2a4573f3ca04ab09acea49fa3468 Mon Sep 17 00:00:00 2001
From: Tilo Mitra <tilomitra@gmail.com>
Date: Tue, 23 Jul 2013 11:27:11 -0400
Subject: [PATCH] add button groups

---
 src/buttons/css/buttons-core.css | 20 ++++++++++++++++++++
 src/buttons/css/buttons.css      | 19 +++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/src/buttons/css/buttons-core.css b/src/buttons/css/buttons-core.css
index 3b81183..2b2118b 100644
--- a/src/buttons/css/buttons-core.css
+++ b/src/buttons/css/buttons-core.css
@@ -17,3 +17,23 @@
     padding: 0;
     border: 0;
 }
+
+/* Inherit .pure-g styles */
+.pure-button-group {
+    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
+    *letter-spacing: normal; /* reset IE < 8 */
+    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
+    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
+}
+
+.opera-only :-o-prefocus,
+.pure-button-group {
+    word-spacing: -0.43em;
+}
+
+.pure-button-group .pure-button {
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+}
diff --git a/src/buttons/css/buttons.css b/src/buttons/css/buttons.css
index 430294a..97cba2b 100644
--- a/src/buttons/css/buttons.css
+++ b/src/buttons/css/buttons.css
@@ -57,3 +57,22 @@ a.pure-button-selected {
     background-color: rgb(0, 120, 231);
     color: #fff;
 }
+
+/* Button Groups */
+.pure-button-group .pure-button {
+    margin: 0;
+    border-radius: 0;
+    border-right: 1px solid #111;  /* fallback color for rgba() for IE7/8 */
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
+
+}
+
+.pure-button-group .pure-button:first-child {
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
+}
+.pure-button-group .pure-button:last-child {
+    border-top-right-radius: 2px;
+    border-bottom-right-radius: 2px;
+    border-right: none;
+}