mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-21 13:24:08 +03:00
Code 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
Download Patch File Download Diff File Expand all files Collapse all files
docs/content/typography.md
+1 -1
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">
scss/_type.scss
+4 -4
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