summaryrefslogtreecommitdiff
path: root/source/bower_components/foundation/scss/foundation/components/_inline-lists.scss
diff options
context:
space:
mode:
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.scss57
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();
+ }
+ }
+}