@madie/madie-design-system 1.2.39 → 1.2.41

package/styles/third-party/legacy-bootstrap/mixins/_buttons.scss

@@ -4,67 +4,67 @@
 // and disabled options for all buttons
 
 @mixin button-variant($color, $background, $border) {
-  color: $color;
-  background-color: $background;
-  border-color: $border;
+	color: $color;
+	background-color: $background;
+	border-color: $border;
 
-  &:focus,
-  &.focus {
-    color: $color;
-    background-color: darken($background, 10%);
-    border-color: darken($border, 25%);
-  }
+	&:focus,
+	&.focus {
+		color: $color;
+		background-color: darken($background, 10%);
+		border-color: darken($border, 25%);
+	}
 
-  &:hover {
-    color: $color;
-    background-color: darken($background, 10%);
-    border-color: darken($border, 12%);
-  }
+	&:hover {
+		color: $color;
+		background-color: darken($background, 10%);
+		border-color: darken($border, 12%);
+	}
 
-  &:active,
-  &.active,
-  .open > &.dropdown-toggle {
-    color: $color;
-    background-color: darken($background, 10%);
-    background-image: none;
-    border-color: darken($border, 12%);
+	&:active,
+	&.active,
+	.open > &.dropdown-toggle {
+		color: $color;
+		background-color: darken($background, 10%);
+		background-image: none;
+		border-color: darken($border, 12%);
 
-    &:hover,
-    &:focus,
-    &.focus {
-      color: $color;
-      background-color: darken($background, 17%);
-      border-color: darken($border, 25%);
-    }
-  }
+		&:hover,
+		&:focus,
+		&.focus {
+			color: $color;
+			background-color: darken($background, 17%);
+			border-color: darken($border, 25%);
+		}
+	}
 
-  &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    &:hover,
-    &:focus,
-    &.focus {
-      background-color: $background;
-      border-color: $border;
-    }
-  }
+	&.disabled,
+	&[disabled],
+	fieldset[disabled] & {
+		&:hover,
+		&:focus,
+		&.focus {
+			background-color: $background;
+			border-color: $border;
+		}
+	}
 
-  .badge {
-    color: $background;
-    background-color: $color;
-  }
+	.badge {
+		color: $background;
+		background-color: $color;
+	}
 }
 
 // Button sizes
 @mixin button-size(
-  $padding-vertical,
-  $padding-horizontal,
-  $font-size,
-  $line-height,
-  $border-radius
+	$padding-vertical,
+	$padding-horizontal,
+	$font-size,
+	$line-height,
+	$border-radius
 ) {
-  padding: $padding-vertical $padding-horizontal;
-  font-size: $font-size;
-  line-height: $line-height;
-  border-radius: $border-radius;
+	padding: $padding-vertical $padding-horizontal;
+	font-size: $font-size;
+	line-height: $line-height;
+	border-radius: $border-radius;
 }

package/styles/third-party/legacy-bootstrap/mixins/_clearfix.scss

@@ -10,13 +10,13 @@
 //
 // Source: http://nicolasgallagher.com/micro-clearfix-hack/
 @mixin clearfix() {
-  &::before,
-  &::after {
-    display: table; // 2
-    content: ' '; // 1
-  }
+	&::before,
+	&::after {
+		display: table; // 2
+		content: " "; // 1
+	}
 
-  &::after {
-    clear: both;
-  }
+	&::after {
+		clear: both;
+	}
 }

package/styles/third-party/legacy-bootstrap/mixins/_forms.scss

@@ -4,48 +4,48 @@
 // and successes.
 
 @mixin form-control-validation(
-  $text-color: #555,
-  $border-color: #ccc,
-  $background-color: #f5f5f5
+	$text-color: #555,
+	$border-color: #ccc,
+	$background-color: #f5f5f5
 ) {
-  // Color the label and help text
-  .help-block,
-  .control-label,
-  .radio,
-  .checkbox,
-  .radio-inline,
-  .checkbox-inline,
-  &.radio label,
-  &.checkbox label,
-  &.radio-inline label,
-  &.checkbox-inline label {
-    color: $text-color;
-  }
-  // Set the border and box shadow on specific inputs to match
-  .form-control {
-    border-color: $border-color;
-    @include box-shadow(
-      inset 0 1px 1px rgba(0, 0, 0, 0.075)
-    ); // Redeclare so transitions work
+	// Color the label and help text
+	.help-block,
+	.control-label,
+	.radio,
+	.checkbox,
+	.radio-inline,
+	.checkbox-inline,
+	&.radio label,
+	&.checkbox label,
+	&.radio-inline label,
+	&.checkbox-inline label {
+		color: $text-color;
+	}
+	// Set the border and box shadow on specific inputs to match
+	.form-control {
+		border-color: $border-color;
+		@include box-shadow(
+			inset 0 1px 1px rgba(0, 0, 0, 0.075)
+		); // Redeclare so transitions work
 
-    &:focus {
-      border-color: darken($border-color, 10%);
-      $shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
-        0 0 6px lighten($border-color, 20%);
-      @include box-shadow($shadow);
-    }
-  }
-  // Set validation states also for addons
-  .input-group-addon {
-    color: $text-color;
-    background-color: $background-color;
-    border-color: $border-color;
-  }
+		&:focus {
+			border-color: darken($border-color, 10%);
+			$shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
+				0 0 6px lighten($border-color, 20%);
+			@include box-shadow($shadow);
+		}
+	}
+	// Set validation states also for addons
+	.input-group-addon {
+		color: $text-color;
+		background-color: $background-color;
+		border-color: $border-color;
+	}
 
-  // Optional feedback icon
-  .form-control-feedback {
-    color: $text-color;
-  }
+	// Optional feedback icon
+	.form-control-feedback {
+		color: $text-color;
+	}
 }
 
 // Form control focus state
@@ -61,16 +61,16 @@
 // Example usage: change the default blue border and shadow to white for better
 // contrast against a dark gray background.
 @mixin form-control-focus($color: $input-border-focus) {
-  $color-rgba: rgba(red($color), green($color), blue($color), 0.6);
+	$color-rgba: rgba(red($color), green($color), blue($color), 0.6);
 
-  &:focus {
-    border-color: $color;
-    outline: 0;
-    @include box-shadow(
-      inset 0 1px 1px rgba(0, 0, 0, 0.075),
-      0 0 8px $color-rgba
-    );
-  }
+	&:focus {
+		border-color: $color;
+		outline: 0;
+		@include box-shadow(
+			inset 0 1px 1px rgba(0, 0, 0, 0.075),
+			0 0 8px $color-rgba
+		);
+	}
 }
 
 // Form control sizing
@@ -80,29 +80,29 @@
 // element gets special love because it's special, and that's a fact!
 // [converter] $parent hack
 @mixin input-size(
-  $parent,
-  $input-height,
-  $padding-vertical,
-  $padding-horizontal,
-  $font-size,
-  $line-height,
-  $border-radius
+	$parent,
+	$input-height,
+	$padding-vertical,
+	$padding-horizontal,
+	$font-size,
+	$line-height,
+	$border-radius
 ) {
-  #{$parent} {
-    height: $input-height;
-    padding: $padding-vertical $padding-horizontal;
-    font-size: $font-size;
-    line-height: $line-height;
-    border-radius: $border-radius;
-  }
+	#{$parent} {
+		height: $input-height;
+		padding: $padding-vertical $padding-horizontal;
+		font-size: $font-size;
+		line-height: $line-height;
+		border-radius: $border-radius;
+	}
 
-  select#{$parent} {
-    height: $input-height;
-    line-height: $input-height;
-  }
+	select#{$parent} {
+		height: $input-height;
+		line-height: $input-height;
+	}
 
-  textarea#{$parent},
-  select[multiple]#{$parent} {
-    height: auto;
-  }
+	textarea#{$parent},
+	select[multiple]#{$parent} {
+		height: auto;
+	}
 }

package/styles/third-party/legacy-bootstrap/mixins/_grid-framework.scss

@@ -5,82 +5,82 @@
 
 // [converter] This is defined recursively in LESS, but Sass supports real loops
 @mixin make-grid-columns(
-  $i: 1,
-  $list: '.col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}'
+	$i: 1,
+	$list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}"
 ) {
-  @for $i from (1 + 1) through $grid-columns {
-    $list: '#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}';
-  }
-  #{$list} {
-    position: relative;
-    // Prevent columns from collapsing when empty
-    min-height: 1px;
-    // Inner gutter via padding
-    padding-left: ceil(($grid-gutter-width / 2));
-    padding-right: floor(($grid-gutter-width / 2));
-  }
+	@for $i from (1 + 1) through $grid-columns {
+		$list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
+	}
+	#{$list} {
+		position: relative;
+		// Prevent columns from collapsing when empty
+		min-height: 1px;
+		// Inner gutter via padding
+		padding-left: ceil(($grid-gutter-width / 2));
+		padding-right: floor(($grid-gutter-width / 2));
+	}
 }
 
 // [converter] This is defined recursively in LESS, but Sass supports real loops
-@mixin float-grid-columns($class, $i: 1, $list: '.col-#{$class}-#{$i}') {
-  @for $i from (1 + 1) through $grid-columns {
-    $list: '#{$list}, .col-#{$class}-#{$i}';
-  }
-  #{$list} {
-    float: left;
-  }
+@mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
+	@for $i from (1 + 1) through $grid-columns {
+		$list: "#{$list}, .col-#{$class}-#{$i}";
+	}
+	#{$list} {
+		float: left;
+	}
 }
 
 @mixin calc-grid-column($index, $class, $type) {
-  @if ($type == width) and ($index > 0) {
-    .col-#{$class}-#{$index} {
-      width: percentage(($index / $grid-columns));
-    }
-  }
+	@if ($type == width) and ($index > 0) {
+		.col-#{$class}-#{$index} {
+			width: percentage(($index / $grid-columns));
+		}
+	}
 
-  @if ($type == push) and ($index > 0) {
-    .col-#{$class}-push-#{$index} {
-      left: percentage(($index / $grid-columns));
-    }
-  }
+	@if ($type == push) and ($index > 0) {
+		.col-#{$class}-push-#{$index} {
+			left: percentage(($index / $grid-columns));
+		}
+	}
 
-  @if ($type == push) and ($index == 0) {
-    .col-#{$class}-push-0 {
-      left: auto;
-    }
-  }
+	@if ($type == push) and ($index == 0) {
+		.col-#{$class}-push-0 {
+			left: auto;
+		}
+	}
 
-  @if ($type == pull) and ($index > 0) {
-    .col-#{$class}-pull-#{$index} {
-      right: percentage(($index / $grid-columns));
-    }
-  }
+	@if ($type == pull) and ($index > 0) {
+		.col-#{$class}-pull-#{$index} {
+			right: percentage(($index / $grid-columns));
+		}
+	}
 
-  @if ($type == pull) and ($index == 0) {
-    .col-#{$class}-pull-0 {
-      right: auto;
-    }
-  }
+	@if ($type == pull) and ($index == 0) {
+		.col-#{$class}-pull-0 {
+			right: auto;
+		}
+	}
 
-  @if ($type == offset) {
-    .col-#{$class}-offset-#{$index} {
-      margin-left: percentage(($index / $grid-columns));
-    }
-  }
+	@if ($type == offset) {
+		.col-#{$class}-offset-#{$index} {
+			margin-left: percentage(($index / $grid-columns));
+		}
+	}
 }
 
 // [converter] This is defined recursively in LESS, but Sass supports real loops
 @mixin loop-grid-columns($columns, $class, $type) {
-  @for $i from 0 through $columns {
-    @include calc-grid-column($i, $class, $type);
-  }
+	@for $i from 0 through $columns {
+		@include calc-grid-column($i, $class, $type);
+	}
 }
 
 // Create grid for specific class
 @mixin make-grid($class) {
-  @include float-grid-columns($class);
-  @include loop-grid-columns($grid-columns, $class, width);
-  @include loop-grid-columns($grid-columns, $class, pull);
-  @include loop-grid-columns($grid-columns, $class, push);
-  @include loop-grid-columns($grid-columns, $class, offset);
+	@include float-grid-columns($class);
+	@include loop-grid-columns($grid-columns, $class, width);
+	@include loop-grid-columns($grid-columns, $class, pull);
+	@include loop-grid-columns($grid-columns, $class, push);
+	@include loop-grid-columns($grid-columns, $class, offset);
 }

package/styles/third-party/legacy-bootstrap/mixins/_grid.scss

@@ -3,110 +3,110 @@
 // Generate semantic grid columns with these mixins.
 // Creates a wrapper for a series of columns
 @mixin make-row($gutter: $grid-gutter-width) {
-  margin-right: floor(($gutter / -2));
-  margin-left: ceil(($gutter / -2));
-  @include clearfix;
+	margin-right: floor(($gutter / -2));
+	margin-left: ceil(($gutter / -2));
+	@include clearfix;
 }
 
 // Generate the extra small columns
 @mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
-  position: relative;
-  float: left;
-  width: percentage(($columns / $grid-columns));
-  min-height: 1px;
-  padding-right: ($gutter / 2);
-  padding-left: ($gutter / 2);
+	position: relative;
+	float: left;
+	width: percentage(($columns / $grid-columns));
+	min-height: 1px;
+	padding-right: ($gutter / 2);
+	padding-left: ($gutter / 2);
 }
 @mixin make-xs-column-offset($columns) {
-  margin-left: percentage(($columns / $grid-columns));
+	margin-left: percentage(($columns / $grid-columns));
 }
 @mixin make-xs-column-push($columns) {
-  left: percentage(($columns / $grid-columns));
+	left: percentage(($columns / $grid-columns));
 }
 @mixin make-xs-column-pull($columns) {
-  right: percentage(($columns / $grid-columns));
+	right: percentage(($columns / $grid-columns));
 }
 
 // Generate the small columns
 @mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-right: ($gutter / 2);
-  padding-left: ($gutter / 2);
+	position: relative;
+	min-height: 1px;
+	padding-right: ($gutter / 2);
+	padding-left: ($gutter / 2);
 
-  @media (min-width: $screen-sm-min) {
-    float: left;
-    width: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-sm-min) {
+		float: left;
+		width: percentage(($columns / $grid-columns));
+	}
 }
 @mixin make-sm-column-offset($columns) {
-  @media (min-width: $screen-sm-min) {
-    margin-left: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-sm-min) {
+		margin-left: percentage(($columns / $grid-columns));
+	}
 }
 @mixin make-sm-column-push($columns) {
-  @media (min-width: $screen-sm-min) {
-    left: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-sm-min) {
+		left: percentage(($columns / $grid-columns));
+	}
 }
 @mixin make-sm-column-pull($columns) {
-  @media (min-width: $screen-sm-min) {
-    right: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-sm-min) {
+		right: percentage(($columns / $grid-columns));
+	}
 }
 
 // Generate the medium columns
 @mixin make-md-column($columns, $gutter: $grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-right: ($gutter / 2);
-  padding-left: ($gutter / 2);
+	position: relative;
+	min-height: 1px;
+	padding-right: ($gutter / 2);
+	padding-left: ($gutter / 2);
 
-  @media (min-width: $screen-md-min) {
-    float: left;
-    width: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-md-min) {
+		float: left;
+		width: percentage(($columns / $grid-columns));
+	}
 }
 @mixin make-md-column-offset($columns) {
-  @media (min-width: $screen-md-min) {
-    margin-left: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-md-min) {
+		margin-left: percentage(($columns / $grid-columns));
+	}
 }
 @mixin make-md-column-push($columns) {
-  @media (min-width: $screen-md-min) {
-    left: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-md-min) {
+		left: percentage(($columns / $grid-columns));
+	}
 }
 @mixin make-md-column-pull($columns) {
-  @media (min-width: $screen-md-min) {
-    right: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-md-min) {
+		right: percentage(($columns / $grid-columns));
+	}
 }
 
 // Generate the large columns
 @mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
-  position: relative;
-  min-height: 1px;
-  padding-right: ($gutter / 2);
-  padding-left: ($gutter / 2);
+	position: relative;
+	min-height: 1px;
+	padding-right: ($gutter / 2);
+	padding-left: ($gutter / 2);
 
-  @media (min-width: $screen-lg-min) {
-    float: left;
-    width: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-lg-min) {
+		float: left;
+		width: percentage(($columns / $grid-columns));
+	}
 }
 @mixin make-lg-column-offset($columns) {
-  @media (min-width: $screen-lg-min) {
-    margin-left: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-lg-min) {
+		margin-left: percentage(($columns / $grid-columns));
+	}
 }
 @mixin make-lg-column-push($columns) {
-  @media (min-width: $screen-lg-min) {
-    left: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-lg-min) {
+		left: percentage(($columns / $grid-columns));
+	}
 }
 @mixin make-lg-column-pull($columns) {
-  @media (min-width: $screen-lg-min) {
-    right: percentage(($columns / $grid-columns));
-  }
+	@media (min-width: $screen-lg-min) {
+		right: percentage(($columns / $grid-columns));
+	}
 }

package/styles/third-party/legacy-bootstrap/mixins/_labels.scss

@@ -1,12 +1,12 @@
 // Labels
 
 @mixin label-variant($color) {
-  background-color: $color;
+	background-color: $color;
 
-  &[href] {
-    &:hover,
-    &:focus {
-      background-color: darken($color, 10%);
-    }
-  }
+	&[href] {
+		&:hover,
+		&:focus {
+			background-color: darken($color, 10%);
+		}
+	}
 }

package/styles/third-party/legacy-bootstrap/mixins/_nav-divider.scss

@@ -3,8 +3,8 @@
 // Dividers (basically an hr) within dropdowns and nav lists
 
 @mixin nav-divider($color: #e5e5e5) {
-  height: 1px;
-  margin: (($line-height-computed / 2) - 1) 0;
-  overflow: hidden;
-  background-color: $color;
+	height: 1px;
+	margin: (($line-height-computed / 2) - 1) 0;
+	overflow: hidden;
+	background-color: $color;
 }

package/styles/third-party/legacy-bootstrap/mixins/_nav-vertical-align.scss

@@ -4,6 +4,6 @@
 // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
 
 @mixin navbar-vertical-align($element-height) {
-  margin-top: (($navbar-height - $element-height) / 2);
-  margin-bottom: (($navbar-height - $element-height) / 2);
+	margin-top: (($navbar-height - $element-height) / 2);
+	margin-bottom: (($navbar-height - $element-height) / 2);
 }