mirror of https://github.com/twbs/bootstrap.git
Refactor .list-inline and .list-unstyled
* Instead of shared and separate CSS, isolate by class for easier mixin-ability * .list-unstyled is now used as a mixin in .list-inline
This commit is contained in:
parent
5b298a2aaf
commit
f0f33eb9a3
|
@ -546,7 +546,11 @@ li {
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-unstyled,
|
.list-unstyled {
|
||||||
|
margin-left: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
.list-inline {
|
.list-inline {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
|
@ -126,18 +126,20 @@ li {
|
||||||
}
|
}
|
||||||
|
|
||||||
// List options
|
// List options
|
||||||
|
|
||||||
// Unstyled keeps list items block level, just removes list-style
|
// Unstyled keeps list items block level, just removes list-style
|
||||||
.list-unstyled,
|
.list-unstyled {
|
||||||
// Inline turns list items into inline-block
|
|
||||||
.list-inline {
|
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
// Single-line list items
|
// Inline turns list items into inline-block
|
||||||
.list-inline > li {
|
.list-inline {
|
||||||
|
.list-unstyled();
|
||||||
|
> li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Description Lists
|
// Description Lists
|
||||||
|
|
Loading…
Reference in New Issue