Permalink
Browse files

change inline-block-list-container to be able to remove space between…

… elements that using inline block causes
  • Loading branch information...
1 parent 99b59b6 commit 1f1c98e99545d91de55417aee3e46d9a6ca73ae0 @edwardoriordan committed Mar 6, 2013
Showing with 16 additions and 2 deletions.
  1. +16 −2 frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss
View
18 frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss
@@ -26,8 +26,22 @@
// Can be mixed into any selector that target a ul or ol that is meant
// to have an inline-block layout. Used to implement `inline-block-list`.
-@mixin inline-block-list-container {
- @include horizontal-list-container; }
+@mixin inline-block-list-container($remove-inline-block-gap: true, $legacy-opera-support: false) {
+
+ // do we need to use clearfix and reset the box model?
+ // I don't see why
+ @include horizontal-list-container;
+
+ @if $remove-inline-block-gap {
+ letter-spacing: -0.31em;
+ @if $legacy-opera-support {
+ &:-o-prefocus,
+ & {
+ word-spacing: -0.43em; //Opera 12 Windows
+ }
+ }
+ }
+}
// Can be mixed into any li selector that is meant to participate in a horizontal layout.
// Used to implement `inline-block-list`.

0 comments on commit 1f1c98e

Please sign in to comment.