mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-07 22:26:57 +02:00
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:
6
docs/assets/css/bootstrap.css
vendored
6
docs/assets/css/bootstrap.css
vendored
@@ -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,19 +126,21 @@ 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
|
||||||
dl {
|
dl {
|
||||||
|
Reference in New Issue
Block a user