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

rewrite list-inline to use margin and simpler styles

Browse Source
This commit is contained in:
Mark Otto 2015-12-07 23:31:02 -08:00
parent d3c87d32fa
commit 515ff1aacb
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/content/typography.md
View File

@ -205,7 +205,7 @@ Remove the default `list-style` and left margin on list items (immediate childre
### Inline
Place all list items on a single line with `display: inline-block;` and some light padding.
Place all list items on a single line with `display: inline-block;` and some basic margin between.
{% example html %}
<ul class="list-inline">

8
scss/_type.scss
View File

@ -92,13 +92,13 @@ mark,
// Inline turns list items into inline-block
.list-inline {
@include list-unstyled;
margin-left: -$list-inline-padding;
}
.list-inline-item {
display: inline-block;
padding-right: $list-inline-padding;
padding-left: $list-inline-padding;
&:not(:last-child) {
margin-right: $list-inline-padding;
}
}
// Horizontal description lists w/ grid classes