rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Run just as fast as I can

Browse Source 
To the middle of nowhere
To the middle of my frustrated fears
And I swear you're just like a pill
Instead of makin' me better,
You keep makin' me ill
You keep makin' me ill

adds .label-pill to replace .badge
This commit is contained in:
Mark Otto 2015-08-05 00:45:41 -07:00
parent d80f26fe49
commit 9330c4a947
6 changed files with 35 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
dist/css/bootstrap-flex.css vendored
View File

@ -3278,6 +3278,11 @@ a.label:hover {
text-decoration: none;
cursor: pointer; }
.label-pill {
padding-left: .6em;
padding-right: .6em;
border-radius: 1rem; }
.label-default {
background-color: #818a91; }
.label-default[href]:focus,

2
dist/css/bootstrap-flex.css.map vendored
View File

File diff suppressed because one or more lines are too long

5
dist/css/bootstrap.css
View File

@ -3193,6 +3193,11 @@ a.label:hover {
text-decoration: none;
cursor: pointer; }
.label-pill {
padding-left: .6em;
padding-right: .6em;
border-radius: 1rem; }
.label-default {
background-color: #818a91; }
.label-default[href]:focus,

2
dist/css/bootstrap.css.map vendored
View File

File diff suppressed because one or more lines are too long

13
docs/components/label.md
View File

@ -30,3 +30,16 @@ Add any of the below mentioned modifier classes to change the appearance of a la
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>
{% endexample %}
### Pill labels
Use the `.label-pill` modifier class to increase the rounded corners. Useful if you miss the badges from v3.
{% example html %}
<span class="label label-pill label-default">Default</span>
<span class="label label-pill label-primary">Primary</span>
<span class="label label-pill label-success">Success</span>
<span class="label label-pill label-info">Info</span>
<span class="label label-pill label-warning">Warning</span>
<span class="label label-pill label-danger">Danger</span>
{% endexample %}

10
scss/_labels.scss
View File

@ -36,6 +36,16 @@ a.label {
}
}
// Pill labels
//
// Make them extra rounded with a modifier to replace v3's badges.
.label-pill {
padding-left: .6em;
padding-right: .6em;
border-radius: 1rem;
}
// Colors
//