qpp-style 9.12.2 → 9.13.3

package/styles/components/sidebar/_sidebar.scss

@@ -1,141 +0,0 @@
-/*
-General sidebar styles
- */
-
-.sidebar {
-	background: $color-slate;
-	box-shadow: 4px 0 10px 0 transparentize($color-black, 0.7);
-	color: $color-white;
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	overflow: hidden;
-	position: relative;
-	transition: width 0.6s ease-in-out;
-	width: $side-nav-expanded-width;
-
-	a {
-		text-decoration: none;
-
-		&:hover {
-			text-decoration: none;
-		}
-
-		&.unstyled {
-			color: inherit;
-		}
-	}
-
-	hr {
-		border-top: 1px solid transparentize($color-white, 0.8);
-		height: 1px;
-		margin: 25px $side-nav-horizontal-padding;
-		width: auto;
-	}
-
-	ul {
-		line-height: 1.7;
-		list-style-type: none;
-		margin: 0;
-		padding: 2px 0;
-	}
-
-	svg {
-		position: relative;
-	}
-
-	.SVGInline {
-		display: none;
-	}
-
-	&.closed {
-		width: $side-nav-closed-width;
-	}
-
-	.alt-style {
-		background: $color-slate-dark;
-
-		.alt-style-header {
-			background: $color-slate;
-			padding-bottom: 25px;
-		}
-
-		.alt-style-nav {
-			padding-bottom: 25px;
-		}
-	}
-
-	/* Sidebar content */
-
-	.sidebar-content {
-		display: flex;
-		flex-direction: column;
-		flex-grow: 1;
-		overflow-x: hidden;
-		transition: overflow-x 0.6s;
-
-		.label {
-			@include typography('Rubik', 20px, 26px, $color-white);
-			display: block;
-			font-weight: normal;
-			padding: 30px 25px 20px;
-			text-align: left;
-			white-space: inherit;
-		}
-
-		.level-one-nav {
-			background-color: $color-slate;
-		}
-	}
-
-	/* Sidebar chart */
-
-	.chart-title {
-		align-items: center;
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-
-		p {
-			margin: 0;
-		}
-
-		.title {
-			@include typography('Rubik', 16px, 22px, $color-white);
-			text-transform: uppercase;
-		}
-
-		.disclaimer {
-			@include typography(
-				'Rubik',
-				14px,
-				20px,
-				transparentize($color-white, 0.2)
-			);
-			align-items: center;
-			display: flex;
-			padding: 5px 0 10px;
-
-			svg {
-				height: 20px;
-				width: 20px;
-			}
-
-			.left-icon {
-				fill: transparentize($color-white, 0.2);
-				margin-right: 10px;
-			}
-
-			.right-icon {
-				fill: $color-teal-light;
-				margin-left: 10px;
-			}
-		}
-
-		.timestamp {
-			@include typography('Rubik', 13px, 20px, $color-white);
-			padding: 5px 0 20px;
-			text-transform: uppercase;
-		}
-	}
-}

package/styles/components/sidebar/project-specific/_wi.scss

@@ -1,42 +0,0 @@
-/*
-	WI specific styles
- */
-
- .sidebar {
-	&.sidebar-wi-nav .sidebar-content {
-		> .animation-group > a.link-back {
-			background: $color-slate;
-			padding-bottom: 25px;
-		}
-
-		> .animation-group:nth-child(2) {
-			background: $color-slate;
-
-			> hr {
-				margin-bottom: 0;
-				margin-top: 0;
-			}
-		}
-
-		> .animation-group:nth-child(3) {
-			background: $color-slate;
-			padding-bottom: 25px;
-			padding-top: 25px;
-		}
-
-		> .animation-group:nth-child(4) {
-			padding: 25px $side-nav-horizontal-padding 0;
-
-			.quality-title {
-				@include typography('Rubik', 14px, 16px, $color-white);
-				font-weight: 500;
-				text-transform: uppercase;
-			}
-
-			.quality-subtitle {
-				@include typography('Rubik', 14px, 16px, $color-white);
-				padding: 10px 0 0;
-			}
-		}
-	}
-}

package/styles/qppds/utilities/_display-visability.scss

@@ -1,83 +0,0 @@
-// stylelint-disable declaration-no-important
-@import '../settings/index.scss';
-
-.qpp-u-display--block {
-  display: block !important;
-}
-
-.qpp-u-display--inline-block {
-  display: inline-block !important;
-}
-
-.qpp-u-display--inline {
-  display: inline !important;
-}
-
-.qpp-u-display--flex {
-  display: flex !important;
-}
-
-.qpp-u-display--inline-flex {
-  display: inline-flex !important;
-}
-
-.qpp-u-display--none {
-  display: none !important;
-}
-
-.qpp-u-visibility--hidden {
-  visibility: hidden !important;
-}
-
-.qpp-u-visibility--visible {
-  visibility: visible !important;
-}
-
-@each $breakpoint in map-keys($breakpoints) {
-  $viewport: map-get($breakpoints, $breakpoint);
-
-  @media (min-width: $viewport) {
-    .qpp-u-#{$breakpoint}-display--block {
-      display: block !important;
-    }
-
-    .qpp-u-#{$breakpoint}-display--inline-block {
-      display: inline-block !important;
-    }
-
-    .qpp-u-#{$breakpoint}-display--inline {
-      display: inline !important;
-    }
-
-    .qpp-u-#{$breakpoint}-display--flex {
-      display: flex !important;
-    }
-
-    .qpp-u-#{$breakpoint}-display--inline-flex {
-      display: inline-flex !important;
-    }
-
-    .qpp-u-#{$breakpoint}-display--none {
-      display: none !important;
-    }
-
-    .qpp-u-#{$breakpoint}-visibility--hidden {
-      visibility: hidden !important;
-    }
-
-    .qpp-u-#{$breakpoint}-visibility--visible {
-      visibility: visible !important;
-    }
-  }
-}
-
-.qpp-u-visually-hidden,
-.qpp-u-visually-hidden-focusable:not(:focus) {
-  @include visually-hidden;
-}
-
-@media print {
-  .qpp-u-visibility--hidden-print {
-    display: none !important;
-  }
-}