diff options
author | Lars Henrik Mai <lars.mai@kontinui.de> | 2014-09-23 08:44:31 +0200 |
---|---|---|
committer | Lars Henrik Mai <lars.mai@kontinui.de> | 2014-09-23 08:44:31 +0200 |
commit | 7fc6575a7a38daa21a26e2b179a92ca809b61eea (patch) | |
tree | 679498b3fd59aa375c6c6ce7ba48ed3d6a6e11d7 /source/bower_components/foundation/scss/foundation/components/_inline-lists.scss | |
parent | 35239fc1f4641db1e602383b43cc29b151cde9b9 (diff) | |
parent | 1c177d628ffdb693483b1c39b94b5f19adcd8095 (diff) |
Merge branch 'replace-bootstrap-with-foundation'
Diffstat (limited to 'source/bower_components/foundation/scss/foundation/components/_inline-lists.scss')
-rw-r--r-- | source/bower_components/foundation/scss/foundation/components/_inline-lists.scss | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/source/bower_components/foundation/scss/foundation/components/_inline-lists.scss b/source/bower_components/foundation/scss/foundation/components/_inline-lists.scss new file mode 100644 index 0000000..9ee162d --- /dev/null +++ b/source/bower_components/foundation/scss/foundation/components/_inline-lists.scss @@ -0,0 +1,57 @@ +// Foundation by ZURB +// foundation.zurb.com +// Licensed under MIT Open Source + +@import "global"; + +// +// @variables +// +$include-html-inline-list-classes: $include-html-classes !default; + +// We use this to control the margins and padding of the inline list. +$inline-list-top-margin: 0 !default; +$inline-list-opposite-margin: 0 !default; +$inline-list-bottom-margin: rem-calc(17) !default; +$inline-list-default-float-margin: rem-calc(-22) !default; +$inline-list-default-float-list-margin: rem-calc(22) !default; + +$inline-list-padding: 0 !default; + +// We use this to control the overflow of the inline list. +$inline-list-overflow: hidden !default; + +// We use this to control the list items +$inline-list-display: block !default; + +// We use this to control any elements within list items +$inline-list-children-display: block !default; + +// +// @mixins +// +// We use this mixin to create inline lists +@mixin inline-list { + margin: $inline-list-top-margin auto $inline-list-bottom-margin auto; + margin-#{$default-float}: $inline-list-default-float-margin; + margin-#{$opposite-direction}: $inline-list-opposite-margin; + padding: $inline-list-padding; + list-style: none; + overflow: $inline-list-overflow; + + & > li { + list-style: none; + float: $default-float; + margin-#{$default-float}: $inline-list-default-float-list-margin; + display: $inline-list-display; + &>* { display: $inline-list-children-display; } + } +} + +@include exports("inline-list") { + @if $include-html-inline-list-classes { + .inline-list { + @include inline-list(); + } + } +} |