Sha256: e2fe0d6167270e8675b93fddac401708c9b9f88d46d2a38fea91d33c96dfe8a1

Contents?: true

Size: 985 Bytes

Versions: 14

Compression:

Stored size: 985 Bytes

Contents

// simple function to find the context of a nested percentage.
@function nested-context($contexts: null) {
  $contexts: if($contexts != null, $contexts, toolkit-get('nested context contexts'));

  // First level deep is always 100%
  $percentage: 100%;

  // Loop through each level
  @each $context in $contexts {
    // Invert the percentage to find context
    $percentage: percentage($percentage / $context);
  }
  // Return final percentage
  @return $percentage;
}

// mixin to make things easier
@mixin nested-context($contexts: null, $position: null) {
  $contexts: if($contexts != null, $contexts, toolkit-get('nested context contexts'));
  $position: if($position != null, $position, toolkit-get('nested context position'));

  width: nested-context($contexts);
  @if $position == "center" {
    position: relative;
    left: 50%;
    margin-left: nested-context($contexts) * -.5;
  }
  @if $position == "right" {
    margin-left: nested-context($contexts) * -1 + 100%;
  }
}

Version data entries

14 entries across 14 versions & 1 rubygems

Version Path
toolkit-2.10.2 stylesheets/toolkit/_nested-context.scss
toolkit-2.10.0 stylesheets/toolkit/_nested-context.scss
toolkit-2.9.0 stylesheets/toolkit/_nested-context.scss
toolkit-2.8.0 stylesheets/toolkit/_nested-context.scss
toolkit-2.7.0 stylesheets/toolkit/_nested-context.scss
toolkit-2.6.0 stylesheets/toolkit/_nested-context.scss
toolkit-2.5.2 stylesheets/toolkit/_nested-context.scss
toolkit-2.5.0 stylesheets/toolkit/_nested-context.scss
toolkit-2.4.0 stylesheets/toolkit/_nested-context.scss
toolkit-2.3.0 stylesheets/toolkit/_nested-context.scss
toolkit-2.2.0 stylesheets/toolkit/_nested-context.scss
toolkit-2.1.0 stylesheets/toolkit/_nested-context.scss
toolkit-2.0.1 stylesheets/toolkit/_nested-context.scss
toolkit-2.0.0 stylesheets/toolkit/_nested-context.scss