qpp-style 9.22.2 → 9.22.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/components/_infotip-content.scss

@@ -1,47 +0,0 @@
-@import '../settings/index';
-
-.qpp-c-infotip-content {
-	position: relative;
-	// display: inline-block;
-
-	button {
-		position: relative;
-		cursor: pointer;
-	}
-
-	button:hover ~ .qpp-c-infotip__tooltip {
-		visibility: visible;
-		opacity: 1;
-		transition: visibility 0s, opacity 0.2s linear;
-	}
-
-	// .qpp-c-infotip__tooltip-container {
-	//   opacity: 0;
-	//   position: absolute;
-	//   transform: translateX(-44.5%);
-	//   bottom: 40px;
-	// }
-
-	.qpp-c-infotip__tooltip {
-		visibility: hidden;
-		opacity: 0;
-		width: 300px;
-		margin: 0;
-		padding: 20px;
-		text-align: left;
-		position: absolute;
-		transform: translateX(-45%);
-		bottom: 33px;
-	}
-
-	.qpp-c-infotip__tooltip:before {
-		content: '';
-		position: absolute;
-		border-left: 10px solid transparent;
-		border-right: 10px solid transparent;
-		border-top: 10px solid rgb(51, 51, 51);
-		border-bottom: 10px solid transparent;
-		right: 50%;
-		bottom: -18px;
-	}
-}

package/styles/qppds/components/_spinner.scss

@@ -1,46 +0,0 @@
-.qpp-c-dropdown-menu__spinner {
-	height: 1.2em;
-	width: 1.2em;
-	border-width: (32px / 8);
-	padding: 0;
-	box-sizing: border-box;
-	display: inline-block;
-	position: relative;
-
-	&::before,
-	&::after {
-		border-radius: 50%;
-		border-style: solid;
-		box-sizing: border-box;
-		content: '';
-		display: block;
-		left: 0;
-		position: absolute;
-		top: 0;
-		height: 1.2em;
-		width: 1.2em;
-	}
-
-	&::before {
-		border-color: inherit;
-		opacity: 0.2;
-	}
-
-	&::after {
-		animation: spin 0.8s infinite linear;
-		border-bottom-color: transparent;
-		border-left-color: inherit;
-		border-right-color: transparent;
-		border-top-color: transparent;
-		transform: translateZ(0);
-	}
-
-	@keyframes spin {
-		0% {
-			transform: rotate(0deg);
-		}
-		100% {
-			transform: rotate(360deg);
-		}
-	}
-}