github/pure
1
Fork 0
mirror of https://github.com/pure-css/pure synced 2025-04-23 12:59:48 +02:00
Code Releases Activity

add button groups

Browse Source
This commit is contained in:
Tilo Mitra 2013-07-23 11:27:11 -04:00 committed by sbertal
parent bcba51d959
commit d4e401be82
2 changed files with 39 additions and 0 deletions

20
src/buttons/css/buttons-core.css

@ -17,3 +17,23 @@
padding: 0; padding: 0;
border: 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;
}

19
src/buttons/css/buttons.css

@ -57,3 +57,22 @@ a.pure-button-selected {
background-color: rgb(0, 120, 231); background-color: rgb(0, 120, 231);
color: #fff; 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;
}