123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- // 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();
- }
- }
- }
|