stylesheets/flint/mixins/lib/_flint-calculate.scss in flint-gs-1.0.4 vs stylesheets/flint/mixins/lib/_flint-calculate.scss in flint-gs-1.0.5
- old
+ new
@@ -44,539 +44,553 @@
$calcShift: nth($calcShift, $i);
}
}
- @if $calcShift != NULL and $calcContext == NULL {
+ // Hide if span is zero
+ @if $calcSpan == 0 {
+ // First check if it's the default, so we don't hide the element on all breakpoints
+ @if $calcKey == get-value(settings, default) {
+ @include _($calcKey) {
+ display: none;
+ }
+ } @else {
+ display: none;
+ }
- @if $calcGutter == NULL and get-value(settings, gutter) != false {
+ } @else {
- // Save to variables for instance creation
- $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*2);
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
- $outputMarginLeft: ( if( $calcShift > 0,
- (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
- (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
- ));
+ @if $calcShift != NULL and $calcContext == NULL {
- // Output styles
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @if $calcGutter == NULL and get-value(settings, gutter) != false {
- // Create new instance for memoization
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ // Save to variables for instance creation
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*2);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
+ $outputMarginLeft: ( if( $calcShift > 0,
+ (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
+ (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
+ ));
- // If debug mode, print instance
- @include debugPrintInstance($calcKey);
+ // Output styles
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
+ // Create new instance for memoization
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*4);
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
- $outputMarginLeft: ( if( $calcShift > 0,
- (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
- (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
- ));
+ // If debug mode, print instance
+ @include debugPrintInstance($calcKey);
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*4);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
+ $outputMarginLeft: ( if( $calcShift > 0,
+ (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
+ (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
+ ));
- } @else if $calcGutter == "alpha" and get-value(settings, gutter) != false {
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
- $outputMarginLeft: ( if( $calcShift > 0,
- calc-width($calcKey, $calcShift),
- calc-width($calcKey, $calcShift)
- ));
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ } @else if $calcGutter == "alpha" and get-value(settings, gutter) != false {
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
+ $outputMarginLeft: ( if( $calcShift > 0,
+ calc-width($calcKey, $calcShift),
+ calc-width($calcKey, $calcShift)
+ ));
- } @else if $calcGutter == "omega" and get-value(settings, gutter) != false {
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan)));
- $outputMarginRight: 0;
- $outputMarginLeft: ( if( $calcShift > 0,
- (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
- (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
- ));
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ } @else if $calcGutter == "omega" and get-value(settings, gutter) != false {
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan)));
+ $outputMarginRight: 0;
+ $outputMarginLeft: ( if( $calcShift > 0,
+ (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
+ (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
+ ));
- } @else if $calcGutter == "row" or get-value(settings, gutter) == false {
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- $outputWidth: (calc-width($calcKey, $calcSpan));
- $outputMarginRight: 0;
- $outputMarginLeft: ( if( $calcShift > 0,
- calc-width($calcKey, $calcShift),
- calc-width($calcKey, $calcShift)
- ));
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
+ } @else if $calcGutter == "row" or get-value(settings, gutter) == false {
+
+ $outputWidth: (calc-width($calcKey, $calcSpan));
+ $outputMarginRight: 0;
+ $outputMarginLeft: ( if( $calcShift > 0,
+ calc-width($calcKey, $calcShift),
+ calc-width($calcKey, $calcShift)
+ ));
+
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
+
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
}
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
- }
+ } @else if $calcContext != NULL {
+ // Check if context of parent instance exists
+ $exists: get-family-instance($calcKey);
- } @else if $calcContext != NULL {
- // Check if context of parent instance exists
- $exists: get-family-instance($calcKey);
+ @if $calcShift != NULL {
+ @if $calcGutter == NULL and get-value(settings, gutter) != false {
+ // Check if context is set to auto
+ @if $calcContext == "auto" {
+ // Does parent exist?
+ @if $exists != false {
- @if $calcShift != NULL {
- @if $calcGutter == NULL and get-value(settings, gutter) != false {
- // Check if context is set to auto
- @if $calcContext == "auto" {
- // Does parent exist?
- @if $exists != false {
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*2);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ $outputMarginLeft: ( if( $calcShift > 0,
+ (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
+ (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
+ ));
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*2);
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
+
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
+
+ } @else {
+ // Else warn that context should not be set to `auto`
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
+ }
+ // Output styles normally if not set to auto
+ } @else {
+
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
$outputMarginLeft: ( if( $calcShift > 0,
- (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
- (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
+ (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
+ (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
));
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@content;
}
@include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
@include debugPrintInstance($calcKey);
-
- } @else {
- // Else warn that context should not be set to `auto`
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
}
- // Output styles normally if not set to auto
- } @else {
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
- $outputMarginLeft: ( if( $calcShift > 0,
- (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
- (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
- ));
+ } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @if $calcContext == "auto" {
+ @if $exists != false {
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
- }
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*4);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ $outputMarginLeft: ( if( $calcShift > 0,
+ (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
+ (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
+ ));
- } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @if $calcContext == "auto" {
- @if $exists != false {
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
+
+ } @else {
+ // Else warn that context should not be set to `auto`
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
+ }
+ // Output styles normally if not set to auto
+ } @else {
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*4);
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
$outputMarginLeft: ( if( $calcShift > 0,
- (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
- (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
+ (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
+ (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
));
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@content;
}
@include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
@include debugPrintInstance($calcKey);
-
- } @else {
- // Else warn that context should not be set to `auto`
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
}
- // Output styles normally if not set to auto
- } @else {
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
- $outputMarginLeft: ( if( $calcShift > 0,
- (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
- (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
- ));
+ } @else if $calcGutter == "alpha" and get-value(settings, gutter) != false {
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @if $calcContext == "auto" {
+ @if $exists != false {
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
- }
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ $outputMarginLeft: ( if( $calcShift > 0,
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))),
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))
+ ));
- } @else if $calcGutter == "alpha" and get-value(settings, gutter) != false {
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @if $calcContext == "auto" {
- @if $exists != false {
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ } @else {
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
+ }
+ } @else {
+
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
$outputMarginLeft: ( if( $calcShift > 0,
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))),
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))
+ calc-width($calcKey, $calcShift, $calcContext),
+ calc-width($calcKey, $calcShift, $calcContext)
));
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@content;
}
@include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
@include debugPrintInstance($calcKey);
-
- } @else {
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
}
- } @else {
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
- $outputMarginLeft: ( if( $calcShift > 0,
- calc-width($calcKey, $calcShift, $calcContext),
- calc-width($calcKey, $calcShift, $calcContext)
- ));
+ } @else if $calcGutter == "omega" and get-value(settings, gutter) != false {
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @if $calcContext == "auto" {
+ @if $exists != false {
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
- }
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))));
+ $outputMarginRight: 0;
+ $outputMarginLeft: ( if( $calcShift > 0,
+ (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
+ (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
+ ));
- } @else if $calcGutter == "omega" and get-value(settings, gutter) != false {
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @if $calcContext == "auto" {
- @if $exists != false {
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))));
+ } @else {
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
+ }
+ } @else {
+
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext)));
$outputMarginRight: 0;
$outputMarginLeft: ( if( $calcShift > 0,
- (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
- (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
+ (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
+ (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
));
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@content;
}
@include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
@include debugPrintInstance($calcKey);
-
- } @else {
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
}
- } @else {
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext)));
- $outputMarginRight: 0;
- $outputMarginLeft: ( if( $calcShift > 0,
- (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
- (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
- ));
+ } @else if $calcGutter == "row" or get-value(settings, gutter) == false {
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @if $calcContext == "auto" {
+ @if $exists != false {
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
- }
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
+ $outputMarginRight: 0;
+ $outputMarginLeft: ( if( $calcShift > 0,
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))),
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))
+ ));
- } @else if $calcGutter == "row" or get-value(settings, gutter) == false {
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @if $calcContext == "auto" {
- @if $exists != false {
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
+ } @else {
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
+ }
+ } @else {
+
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext));
$outputMarginRight: 0;
$outputMarginLeft: ( if( $calcShift > 0,
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))),
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))
+ calc-width($calcKey, $calcShift, $calcContext),
+ calc-width($calcKey, $calcShift, $calcContext)
));
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@content;
}
@include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
@include debugPrintInstance($calcKey);
-
- } @else {
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
}
- } @else {
+ }
+ } @else {
+ @if $calcGutter == NULL and get-value(settings, gutter) != false {
+ // Check if context is set to auto
+ @if $calcContext == "auto" {
+ // Did it exist?
+ @if $exists != false {
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext));
- $outputMarginRight: 0;
- $outputMarginLeft: ( if( $calcShift > 0,
- calc-width($calcKey, $calcShift, $calcContext),
- calc-width($calcKey, $calcShift, $calcContext)
- ));
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*2);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
- }
- }
- } @else {
- @if $calcGutter == NULL and get-value(settings, gutter) != false {
- // Check if context is set to auto
- @if $calcContext == "auto" {
- // Did it exist?
- @if $exists != false {
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*2);
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ } @else {
+ // Else warn that context should not be set to `auto`
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
+ }
+ // Output styles normally if not set to auto
+ } @else {
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
+
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@content;
}
@include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
@include debugPrintInstance($calcKey);
-
- } @else {
- // Else warn that context should not be set to `auto`
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
}
- // Output styles normally if not set to auto
- } @else {
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
+ } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @if $calcContext == "auto" {
+ @if $exists != false {
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
- }
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*4);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
- } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @if $calcContext == "auto" {
- @if $exists != false {
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*4);
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ } @else {
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
+ }
+ } @else {
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
+
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@content;
}
@include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
@include debugPrintInstance($calcKey);
-
- } @else {
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
}
- } @else {
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
+ } @else if $calcGutter == "alpha" and get-value(settings, gutter) != false {
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @if $calcContext == "auto" {
+ @if $exists != false {
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
- }
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ $outputMarginLeft: 0;
- } @else if $calcGutter == "alpha" and get-value(settings, gutter) != false {
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @if $calcContext == "auto" {
- @if $exists != false {
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ } @else {
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
+ }
+ } @else {
+
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
$outputMarginLeft: 0;
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@content;
}
@include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
@include debugPrintInstance($calcKey);
-
- } @else {
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
}
- } @else {
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
- $outputMarginLeft: 0;
+ } @else if $calcGutter == "omega" and get-value(settings, gutter) != false {
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @if $calcContext == "auto" {
+ @if $exists != false {
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
- }
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
+ $outputMarginRight: 0;
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
- } @else if $calcGutter == "omega" and get-value(settings, gutter) != false {
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @if $calcContext == "auto" {
- @if $exists != false {
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
+ } @else {
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
+ }
+ } @else {
+
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
$outputMarginRight: 0;
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@content;
}
@include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
@include debugPrintInstance($calcKey);
-
- } @else {
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
}
- } @else {
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
- $outputMarginRight: 0;
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
+ } @else if $calcGutter == "row" or get-value(settings, gutter) == false {
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @if $calcContext == "auto" {
+ @if $exists != false {
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
- }
+ $outputWidth: calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ $outputMarginRight: 0;
+ $outputMarginLeft: 0;
- } @else if $calcGutter == "row" or get-value(settings, gutter) == false {
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @if $calcContext == "auto" {
- @if $exists != false {
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- $outputWidth: calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
+ } @else {
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
+ }
+ } @else {
+
+ $outputWidth: calc-width($calcKey, $calcSpan, $calcContext);
$outputMarginRight: 0;
$outputMarginLeft: 0;
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@content;
}
@include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
@include debugPrintInstance($calcKey);
-
- } @else {
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
}
- } @else {
-
- $outputWidth: calc-width($calcKey, $calcSpan, $calcContext);
- $outputMarginRight: 0;
- $outputMarginLeft: 0;
-
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
-
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
}
}
- }
- } @else {
+ } @else {
- @if $calcGutter == NULL and get-value(settings, gutter) != false {
+ @if $calcGutter == NULL and get-value(settings, gutter) != false {
- $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*2);
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
- $outputMarginLeft: calc-margin($calcKey, $calcSpan);
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*2);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan);
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
+ } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
- $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*4);
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
- $outputMarginLeft: calc-margin($calcKey, $calcSpan);
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*4);
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan);
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- } @else if $calcGutter == "alpha" and get-value(settings, gutter) != false {
+ } @else if $calcGutter == "alpha" and get-value(settings, gutter) != false {
- $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
- $outputMarginLeft: 0;
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
+ $outputMarginLeft: 0;
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- } @else if $calcGutter == "omega" and get-value(settings, gutter) != false {
+ } @else if $calcGutter == "omega" and get-value(settings, gutter) != false {
- $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
- $outputMarginRight: 0;
- $outputMarginLeft: calc-margin($calcKey, $calcSpan);
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
+ $outputMarginRight: 0;
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan);
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
- } @else if $calcGutter == "row" or get-value(settings, gutter) == false {
+ } @else if $calcGutter == "row" or get-value(settings, gutter) == false {
- $outputWidth: calc-width($calcKey, $calcSpan);
- $outputMarginRight: 0;
- $outputMarginLeft: 0;
+ $outputWidth: calc-width($calcKey, $calcSpan);
+ $outputMarginRight: 0;
+ $outputMarginLeft: 0;
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
- @content;
- }
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
+ @content;
+ }
- @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
- @include debugPrintInstance($calcKey);
+ @include newInstance ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
+ @include debugPrintInstance($calcKey);
+ }
}
}
}
\ No newline at end of file