Skip to content

Instantly share code, notes, and snippets.

@mike-north

mike-north/bootstrap_button_columns.css

Created July 15, 2012 19:08
Show Gist options
  • Save mike-north/3118190 to your computer and use it in GitHub Desktop.
Save mike-north/3118190 to your computer and use it in GitHub Desktop.
Download ZIP
Button columns for Twitter Bootstrap
Raw
bootstrap_button_columns.css
.button-column {
width: 100%;
}
.button-column button.btn, .button-column a.btn {
width: 100%;
border-radius: 0px;
border-top-width: 0px;
}
.button-column button.btn:first-child, .button-column a.btn:first-child {
border-top-width: 0px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.button-column button.btn:last-child, .button-column a.btn:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.button-column button.btn.btn-large:first-child, .button-column a.btn.btn-large:first-child {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.button-column button.btn.btn-large:last-child, .button-column a.btn.btn-large:last-child {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
Raw
bootstrap_button_columns.sass
.button-column
width: 100%
button.btn, a.btn
width: 100%
border-radius: 0px
border-top-width: 0px
&:first-child
border-top-width: 0px
border-top-left-radius: 4px
border-top-right-radius: 4px
&:last-child
border-bottom-left-radius: 4px
border-bottom-right-radius: 4px
&.btn-large
&:first-child
border-top-left-radius: 6px
border-top-right-radius: 6px
&:last-child
border-bottom-left-radius: 6px
border-bottom-right-radius: 6px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment