@madie/madie-design-system 1.2.39 → 1.2.41

package/styles/qppds/utilities/index.scss

@@ -1,15 +1,15 @@
-@import './background-color';
-@import './color';
-@import './display-visibility';
-@import './font-family';
-@import './font-size';
-@import './font-weight';
-@import './margin';
-@import './padding';
-@import './flexbox';
-@import './width';
-@import './truncate';
-@import './position';
-@import './text-align';
-@import './text-transform';
-@import './height';
+@import "./background-color";
+@import "./color";
+@import "./display-visibility";
+@import "./font-family";
+@import "./font-size";
+@import "./font-weight";
+@import "./margin";
+@import "./padding";
+@import "./flexbox";
+@import "./width";
+@import "./truncate";
+@import "./position";
+@import "./text-align";
+@import "./text-transform";
+@import "./height";

package/styles/qppds.scss

@@ -1,2 +1,2 @@
-@import './paths';
-@import './qppds/index';
+@import "./paths";
+@import "./qppds/index";

package/styles/third-party/_legacy-bootstrap.scss

@@ -1,19 +1,19 @@
 // CORE VARIABLES AND MIXINS
-@import 'legacy-bootstrap/variables';
-@import 'legacy-bootstrap/mixins';
+@import "legacy-bootstrap/variables";
+@import "legacy-bootstrap/mixins";
 
 // RESET BASE STYLES
-@import 'legacy-bootstrap/normalize';
+@import "legacy-bootstrap/normalize";
 
 // CORE CSS USED ON LEGACY FOOTER AND HEADER QPP-STYLE COMPONENTS
 // WILL BE ABLE TO DELETE ONCE WE FULLY MOVE TO THE NEW HEADER/FOOTER
-@import 'legacy-bootstrap/scaffolding';
-@import 'legacy-bootstrap/grid';
-@import 'legacy-bootstrap/dropdowns';
-@import 'legacy-bootstrap/navs';
-@import 'legacy-bootstrap/navbar';
+@import "legacy-bootstrap/scaffolding";
+@import "legacy-bootstrap/grid";
+@import "legacy-bootstrap/dropdowns";
+@import "legacy-bootstrap/navs";
+@import "legacy-bootstrap/navbar";
 
 // .form-control is deeply embedded in our codebase so we may end up keeping this
-@import 'legacy-bootstrap/forms';
+@import "legacy-bootstrap/forms";
 // our buttons are currently dependent on the original bootstrap button styles
-@import 'legacy-bootstrap/buttons';
+@import "legacy-bootstrap/buttons";

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

@@ -5,82 +5,82 @@
 // Base styles
 // --------------------------------------------------
 .btn {
-  display: inline-block;
-  margin-bottom: 0; // For input.btn
-  font-weight: $btn-font-weight;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
-  border: 1px solid transparent;
-  @include button-size(
-    $padding-base-vertical,
-    $padding-base-horizontal,
-    $font-size-base,
-    $line-height-base,
-    $btn-border-radius-base
-  );
-  @include user-select(none);
+	display: inline-block;
+	margin-bottom: 0; // For input.btn
+	font-weight: $btn-font-weight;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	touch-action: manipulation;
+	cursor: pointer;
+	background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
+	border: 1px solid transparent;
+	@include button-size(
+		$padding-base-vertical,
+		$padding-base-horizontal,
+		$font-size-base,
+		$line-height-base,
+		$btn-border-radius-base
+	);
+	@include user-select(none);
 
-  &,
-  &:active,
-  &.active {
-    &:focus,
-    &.focus {
-      @include tab-focus;
-    }
-  }
+	&,
+	&:active,
+	&.active {
+		&:focus,
+		&.focus {
+			@include tab-focus;
+		}
+	}
 
-  &:hover,
-  &:focus,
-  &.focus {
-    color: $btn-default-color;
-    text-decoration: none;
-  }
+	&:hover,
+	&:focus,
+	&.focus {
+		color: $btn-default-color;
+		text-decoration: none;
+	}
 
-  &:active,
-  &.active {
-    background-image: none;
-    outline: 0;
-    @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.125));
-  }
+	&:active,
+	&.active {
+		background-image: none;
+		outline: 0;
+		@include box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.125));
+	}
 
-  &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    cursor: $cursor-disabled;
-    @include opacity(0.65);
-    @include box-shadow(none);
-  }
+	&.disabled,
+	&[disabled],
+	fieldset[disabled] & {
+		cursor: $cursor-disabled;
+		@include opacity(0.65);
+		@include box-shadow(none);
+	}
 
-  // [converter] extracted a& to a.btn
+	// [converter] extracted a& to a.btn
 }
 
 a.btn {
-  &.disabled,
-  fieldset[disabled] & {
-    pointer-events: none; // Future-proof disabling of clicks on `<a>` elements
-  }
+	&.disabled,
+	fieldset[disabled] & {
+		pointer-events: none; // Future-proof disabling of clicks on `<a>` elements
+	}
 }
 
 // Alternate buttons
 // --------------------------------------------------
 .btn-default {
-  @include button-variant(
-    $btn-default-color,
-    $btn-default-bg,
-    $btn-default-border
-  );
+	@include button-variant(
+		$btn-default-color,
+		$btn-default-bg,
+		$btn-default-border
+	);
 }
 
 .btn-primary {
-  @include button-variant(
-    $btn-primary-color,
-    $btn-primary-bg,
-    $btn-primary-border
-  );
+	@include button-variant(
+		$btn-primary-color,
+		$btn-primary-bg,
+		$btn-primary-border
+	);
 }
 
 // Link buttons
@@ -88,39 +88,39 @@ a.btn {
 
 // Make a button look and behave like a link
 .btn-link {
-  font-weight: 400;
-  color: $link-color;
-  border-radius: 0;
+	font-weight: 400;
+	color: $link-color;
+	border-radius: 0;
 
-  &,
-  &:active,
-  &.active,
-  &[disabled],
-  fieldset[disabled] & {
-    background-color: transparent;
-    @include box-shadow(none);
-  }
+	&,
+	&:active,
+	&.active,
+	&[disabled],
+	fieldset[disabled] & {
+		background-color: transparent;
+		@include box-shadow(none);
+	}
 
-  &,
-  &:hover,
-  &:focus,
-  &:active {
-    border-color: transparent;
-  }
+	&,
+	&:hover,
+	&:focus,
+	&:active {
+		border-color: transparent;
+	}
 
-  &:hover,
-  &:focus {
-    color: $link-hover-color;
-    text-decoration: $link-hover-decoration;
-    background-color: transparent;
-  }
+	&:hover,
+	&:focus {
+		color: $link-hover-color;
+		text-decoration: $link-hover-decoration;
+		background-color: transparent;
+	}
 
-  &[disabled],
-  fieldset[disabled] & {
-    &:hover,
-    &:focus {
-      color: $btn-link-disabled-color;
-      text-decoration: none;
-    }
-  }
+	&[disabled],
+	fieldset[disabled] & {
+		&:hover,
+		&:focus {
+			color: $btn-link-disabled-color;
+			text-decoration: none;
+		}
+	}
 }

package/styles/third-party/legacy-bootstrap/_dropdowns.scss

@@ -4,125 +4,125 @@
 
 // Dropdown arrow/caret
 .caret {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 2px;
-  vertical-align: middle;
-  border-top: $caret-width-base dashed;
-  border-top: $caret-width-base solid \9; // IE8
-  border-right: $caret-width-base solid transparent;
-  border-left: $caret-width-base solid transparent;
+	display: inline-block;
+	width: 0;
+	height: 0;
+	margin-left: 2px;
+	vertical-align: middle;
+	border-top: $caret-width-base dashed;
+	border-top: $caret-width-base solid \9; // IE8
+	border-right: $caret-width-base solid transparent;
+	border-left: $caret-width-base solid transparent;
 }
 
 // The dropdown wrapper (div)
 .dropup,
 .dropdown {
-  position: relative;
+	position: relative;
 }
 
 // Prevent the focus on the dropdown toggle when closing dropdowns
 .dropdown-toggle:focus {
-  outline: 0;
+	outline: 0;
 }
 
 // The dropdown menu (ul)
 .dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: $zindex-dropdown;
-  display: none; // none by default, but block on "open" of the menu
-  float: left;
-  min-width: 160px;
-  padding: 5px 0;
-  margin: 2px 0 0; // override default ul
-  font-size: $font-size-base;
-  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
-  list-style: none;
-  background-color: $dropdown-bg;
-  background-clip: padding-box;
-  border: 1px solid $dropdown-fallback-border; // IE8 fallback
-  border: 1px solid $dropdown-border;
-  border-radius: $border-radius-base;
-  @include box-shadow(0 6px 12px rgba(0, 0, 0, 0.175));
-
-  // Aligns the dropdown menu to right
-  //
-  // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
-  &.pull-right {
-    right: 0;
-    left: auto;
-  }
-
-  // Dividers (basically an hr) within the dropdown
-  .divider {
-    @include nav-divider($dropdown-divider-bg);
-  }
-
-  // Links within the dropdown menu
-  > li > a {
-    display: block;
-    padding: 3px 20px;
-    clear: both;
-    font-weight: 400;
-    line-height: $line-height-base;
-    color: $dropdown-link-color;
-    white-space: nowrap; // prevent links from randomly breaking onto new lines
-
-    &:hover,
-    &:focus {
-      color: $dropdown-link-hover-color;
-      text-decoration: none;
-      background-color: $dropdown-link-hover-bg;
-    }
-  }
+	position: absolute;
+	top: 100%;
+	left: 0;
+	z-index: $zindex-dropdown;
+	display: none; // none by default, but block on "open" of the menu
+	float: left;
+	min-width: 160px;
+	padding: 5px 0;
+	margin: 2px 0 0; // override default ul
+	font-size: $font-size-base;
+	text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
+	list-style: none;
+	background-color: $dropdown-bg;
+	background-clip: padding-box;
+	border: 1px solid $dropdown-fallback-border; // IE8 fallback
+	border: 1px solid $dropdown-border;
+	border-radius: $border-radius-base;
+	@include box-shadow(0 6px 12px rgba(0, 0, 0, 0.175));
+
+	// Aligns the dropdown menu to right
+	//
+	// Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
+	&.pull-right {
+		right: 0;
+		left: auto;
+	}
+
+	// Dividers (basically an hr) within the dropdown
+	.divider {
+		@include nav-divider($dropdown-divider-bg);
+	}
+
+	// Links within the dropdown menu
+	> li > a {
+		display: block;
+		padding: 3px 20px;
+		clear: both;
+		font-weight: 400;
+		line-height: $line-height-base;
+		color: $dropdown-link-color;
+		white-space: nowrap; // prevent links from randomly breaking onto new lines
+
+		&:hover,
+		&:focus {
+			color: $dropdown-link-hover-color;
+			text-decoration: none;
+			background-color: $dropdown-link-hover-bg;
+		}
+	}
 }
 
 // Active state
 .dropdown-menu > .active > a {
-  &,
-  &:hover,
-  &:focus {
-    color: $dropdown-link-active-color;
-    text-decoration: none;
-    background-color: $dropdown-link-active-bg;
-    outline: 0;
-  }
+	&,
+	&:hover,
+	&:focus {
+		color: $dropdown-link-active-color;
+		text-decoration: none;
+		background-color: $dropdown-link-active-bg;
+		outline: 0;
+	}
 }
 
 // Disabled state
 //
 // Gray out text and ensure the hover/focus state remains gray
 .dropdown-menu > .disabled > a {
-  &,
-  &:hover,
-  &:focus {
-    color: $dropdown-link-disabled-color;
-  }
-
-  // Nuke hover/focus effects
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    cursor: $cursor-disabled;
-    background-color: transparent;
-    background-image: none; // Remove CSS gradient
-    @include reset-filter;
-  }
+	&,
+	&:hover,
+	&:focus {
+		color: $dropdown-link-disabled-color;
+	}
+
+	// Nuke hover/focus effects
+	&:hover,
+	&:focus {
+		text-decoration: none;
+		cursor: $cursor-disabled;
+		background-color: transparent;
+		background-image: none; // Remove CSS gradient
+		@include reset-filter;
+	}
 }
 
 // Open state for the dropdown
 .open {
-  // Show the menu
-  > .dropdown-menu {
-    display: block;
-  }
-
-  // Remove the outline when :focus is triggered
-  > a {
-    outline: 0;
-  }
+	// Show the menu
+	> .dropdown-menu {
+		display: block;
+	}
+
+	// Remove the outline when :focus is triggered
+	> a {
+		outline: 0;
+	}
 }
 
 // Menu positioning
@@ -130,8 +130,8 @@
 // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
 // menu with the parent.
 .dropdown-menu-right {
-  right: 0;
-  left: auto; // Reset the default from `.dropdown-menu`
+	right: 0;
+	left: auto; // Reset the default from `.dropdown-menu`
 }
 // With v3, we enabled auto-flipping if you have a dropdown within a right
 // aligned nav component. To enable the undoing of that, we provide an override
@@ -140,33 +140,33 @@
 // This is only for left-aligning a dropdown menu within a `.navbar-right` or
 // `.pull-right` nav component.
 .dropdown-menu-left {
-  right: auto;
-  left: 0;
+	right: auto;
+	left: 0;
 }
 
 // Dropdown section headers
 .dropdown-header {
-  display: block;
-  padding: 3px 20px;
-  font-size: $font-size-small;
-  line-height: $line-height-base;
-  color: $dropdown-header-color;
+	display: block;
+	padding: 3px 20px;
+	font-size: $font-size-small;
+	line-height: $line-height-base;
+	color: $dropdown-header-color;
 }
 
 // Backdrop to catch body clicks on mobile, etc.
 .dropdown-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: ($zindex-dropdown - 10);
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: ($zindex-dropdown - 10);
 }
 
 // Right aligned dropdowns
 .pull-right > .dropdown-menu {
-  right: 0;
-  left: auto;
+	right: 0;
+	left: auto;
 }
 
 // Allow for dropdowns to go bottom up (aka, dropup-menu)
@@ -175,37 +175,37 @@
 // TODO: abstract this so that the navbar fixed styles are not placed here?
 .dropup,
 .navbar-fixed-bottom .dropdown {
-  // Reverse the caret
-  .caret {
-    content: '';
-    border-top: 0;
-    border-bottom: $caret-width-base dashed;
-    border-bottom: $caret-width-base solid \9; // IE8
-  }
-
-  // Different positioning for bottom up menu
-  .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-    margin-bottom: 2px;
-  }
+	// Reverse the caret
+	.caret {
+		content: "";
+		border-top: 0;
+		border-bottom: $caret-width-base dashed;
+		border-bottom: $caret-width-base solid \9; // IE8
+	}
+
+	// Different positioning for bottom up menu
+	.dropdown-menu {
+		top: auto;
+		bottom: 100%;
+		margin-bottom: 2px;
+	}
 }
 
 // Component alignment
 //
 // Reiterate per navbar.less and the modified component alignment there.
 @media (min-width: $grid-float-breakpoint) {
-  .navbar-right {
-    .dropdown-menu {
-      right: 0;
-      left: auto;
-    }
-
-    // Necessary for overrides of the default right aligned menu.
-    // Will remove come v4 in all likelihood.
-    .dropdown-menu-left {
-      left: 0;
-      right: auto;
-    }
-  }
+	.navbar-right {
+		.dropdown-menu {
+			right: 0;
+			left: auto;
+		}
+
+		// Necessary for overrides of the default right aligned menu.
+		// Will remove come v4 in all likelihood.
+		.dropdown-menu-left {
+			left: 0;
+			right: auto;
+		}
+	}
 }