UNPKG

foundation

Version:

You may also want to checkout:

54 lines (41 loc) 1.29 kB
// // Inline List Variables // $include-html-global-classes ?= $include-html-classes; // We use this to control the margins and padding of the inline list. $inline-list-top-margin ?= 0; $inline-list-opposite-margin ?= 0; $inline-list-bottom-margin ?= emCalc(17px); $inline-list-default-float-margin ?= emCalc(-22px); $inline-list-padding ?= 0; // We use this to control the overflow of the inline list. $inline-list-overflow ?= hidden; // We use this to control the list items $inline-list-display ?= block; // We use this to control any elments within list items $inline-list-children-display ?= block; // // Inline List Mixins // // We use this mixin to create inline lists 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}: emCalc(22px); display: $inline-list-display; &>* { display: $inline-list-children-display; } } } if $include-html-grid-classes != false { /* Inline Lists */ .inline-list { inline-list(); } }