Sha256: 478dc6e23e5d7b4bb0802fd81ebefc4d7b9fdd6e9dd9b94721de71e933b67906
Contents?: true
Size: 1.53 KB
Versions: 11
Compression:
Stored size: 1.53 KB
Contents
// 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 {
list-style: none;
margin-top: $inline-list-top-margin;
margin-bottom: $inline-list-bottom-margin;
margin-#{$default-float}: $inline-list-default-float-margin;
margin-#{$opposite-direction}: $inline-list-opposite-margin;
overflow: $inline-list-overflow;
padding: $inline-list-padding;
> li {
display: $inline-list-display;
float: $default-float;
list-style: none;
margin-#{$default-float}: $inline-list-default-float-list-margin;
> * { display: $inline-list-children-display; }
}
}
@include exports("inline-list") {
@if $include-html-inline-list-classes {
.inline-list {
@include inline-list();
}
}
}
Version data entries
11 entries across 11 versions & 4 rubygems