rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-11 08:54:23 +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 ### 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 %} {% example html %}
<ul class="list-inline"> <ul class="list-inline">

8
scss/_type.scss
View File

@ -92,13 +92,13 @@ mark,
// Inline turns list items into inline-block // Inline turns list items into inline-block
.list-inline { .list-inline {
@include list-unstyled; @include list-unstyled;
margin-left: -$list-inline-padding;
} }
.list-inline-item { .list-inline-item {
display: inline-block; 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 // Horizontal description lists w/ grid classes