qpp-style 0.0.9 → 0.0.10

package/styles/_global.scss

@@ -4,102 +4,103 @@
 */
 
 [data-whatintent='mouse'] *:focus {
-	outline: none;
+  outline: none;
 }
 
 [data-whatintent='keyboard'] *:focus {
-	box-shadow: 0 0 0 3px orange !important;
-	outline: none;
+  box-shadow: 0 0 0 3px orange !important;
+  outline: none;
 }
 
 a[href^='http'] span {
-	margin-left: 0;
+  margin-left: 0;
 }
 
 #panel {
-	section:first-of-type {
-		margin-top: 2rem;
-	}
+  section:first-of-type {
+    margin-top: 2rem;
+  }
 }
 
 svg.icon {
-	height: $font-size-base;
-	width: $font-size-base;
+  height: $font-size-base;
+  width: $font-size-base;
 }
 
 .glyphicon {
-	display: inline-block;
-	position: relative;
-	top: 1px;
+  display: inline-block;
+  position: relative;
+  top: 1px;
 }
 
 .glyphicon-chevron-up::before {
-	content: '\f077';
-	font-family: 'FontAwesome';
+  content: '\f077';
+  font-family: 'FontAwesome';
 }
 
 .back-to-top .glyphicon-chevron-up {
-	color: $color-teal;
+  color: $color-teal;
 }
 
 .back-to-top:hover .glyphicon-chevron-up {
-	color: $color-white;
+  color: $color-white;
 }
 
 .link-large {
-	color: #006693;
-	font-size: 24px;
-	line-height: 1;
-	text-decoration: none;
+  color: #006693;
+  font-size: 24px;
+  line-height: 1;
+  text-decoration: none;
 }
 
 .boxes {
-	align-items: stretch;
-	display: flex;
-	flex-direction: column;
-	@include breakpoint(md) {
-		flex-direction: row;
-	}
-
-	.box {
-		border: 1px solid $color-gray-light;
-		margin: 0 1.5rem 1.5rem 0;
-		padding: 1.5rem;
-
-		&:last-of-type {
-			margin-right: 0;
-		}
-		@include breakpoint(md) {
-			margin-bottom: 0;
-		}
-	}
+  align-items: stretch;
+  display: flex;
+  flex-direction: column;
+  @include breakpoint(md) {
+    flex-direction: row;
+  }
+
+  .box {
+    border: 1px solid $color-gray-light;
+    margin: 0 1.5rem 1.5rem 0;
+    padding: 1.5rem;
+
+    &:last-of-type {
+      margin-right: 0;
+    }
+    @include breakpoint(md) {
+      margin-bottom: 0;
+    }
+  }
 }
 
 .skip {
-	border: 0;
-	clip: rect(0, 0, 0, 0);
-	clip-path: inset(50%);
-	height: 1px;
-	left: 0;
-	overflow: hidden;
-	padding: 0;
-	position: absolute;
-	top: 0;
-	white-space: nowrap;
-	width: 1px;
-	z-index: 9999;
-
-	&:active,
-	&:focus {
-		clip: auto;
-		clip-path: none;
-		height: auto;
-		overflow: visible;
-		white-space: normal;
-		width: auto;
-	}
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  height: 1px;
+  left: 0;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  white-space: nowrap;
+  width: 1px;
+  z-index: 9999;
+  background-color: white;
+
+  &:active,
+  &:focus {
+    clip: auto;
+    clip-path: none;
+    height: auto;
+    overflow: visible;
+    white-space: normal;
+    width: auto;
+  }
 }
 
 .hide {
-	display: none;
+  display: none;
 }

package/styles/_main.scss

@@ -1,5 +1,11 @@
 @charset "utf-8";
 
+// TODO: Remove @cmsgov/design-system dependancies from shared package
+$font-path: '~@cmsgov/design-system/dist/fonts';
+$image-path: '~@cmsgov/design-system/dist/images';
+
+@import '@cmsgov/design-system/dist/scss/index';
+
 @import 'paths';
 
 @import 'third-party/legacy-bootstrap';

package/styles/_qpp-style.scss

@@ -22,10 +22,7 @@
 @import 'components/tooltip';
 @import 'components/modals';
 @import 'components/breadcrumbs';
-@import 'components/sidebar';
 @import 'components/info-modal';
-@import 'components/header';
-@import 'components/footer';
 @import 'components/tabs';
 @import 'components/error-page';
 @import 'components/notification-banner';