foundation
Version:
You may also want to checkout:
54 lines (41 loc) • 1.29 kB
text/stylus
//
// 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();
}
}