Sha256: c52e889f20db93e3c4685ce6092b7b1a807fc2872e74327df0ed5bc7c5b176b5

Contents?: true

Size: 1.35 KB

Versions: 1

Compression:

Stored size: 1.35 KB

Contents

//
// Inline List 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: emCalc(17px) !default;
$inline-list-default-float-margin: emCalc(-22px) !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 elments within list items
$inline-list-children-display: block !default;

//
// Inline List 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}: emCalc(22px);
    display: $inline-list-display;
    &>* { display: $inline-list-children-display; }
  }
}


@if $include-html-inline-list-classes != false {

  /* Inline Lists */
  .inline-list {
    @include inline-list();
  }

}

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
zurb-foundation-4.2.3 scss/foundation/components/_inline-lists.scss