css lint and cleanup

src/_colors.scss

@@ -14,6 +14,7 @@ $ui-red-25percent: hsla(20, 100%, 55%, .25);
 $ui-green-35percent: rgba(126, 225, 195, .35);
 
 $ui-light-gray: hsla(0, 0, 98, 1); //#FAFAFA
+$ui-light-blue: hsla(240, 100, 99, 1); //#FAFAFF
 $ui-gray: hsla(0, 0, 95, 1); //#F2F2F2
 $ui-dark-gray: hsla(0, 0, 70, 1); //#B3B3B3
 

src/components/modal/ttt/modal.scss

@@ -6,103 +6,57 @@
 }
 
 .ttt-modal-header {
-  background-color: $ui-blue;
-  height: 3rem;
+    background-color: $ui-blue;
+    height: 3rem;
 }
 
 .ttt-modal-body {
-  margin: 2.5rem 3rem;
-  display: flex;
+    display: flex;
+    margin: 2.5rem 3rem;
 }
 
 .mod-ttt-img {
-  border-radius: .5rem;
-  overflow: hidden;
-  width: 18rem;
-  height: 18rem;
+    border-radius: .5rem;
+    overflow: hidden;
+    height: 18rem;
+    width: 18rem;
 }
 
 .ttt-content {
-  margin-left: 2rem;
+    margin-left: 2rem;
 }
 
 .ttt-content-chunk + .ttt-content-chunk {
-  margin-top: 1rem;
-  padding-top: 1rem;
-  border-top: 1px solid $ui-border;
+    margin-top: 1rem;
+    border-top: 1px solid $ui-border;
+    padding-top: 1rem;
 }
 
 .ttt-description {
-  margin-top: 0px;
+    margin-top: 0;
 }
 
 a.ttt-try-tutorial-button {
-  display: flex;
-  width: fit-content;
-  align-items: center;
+    display: flex;
+    width: fit-content;
+    align-items: center;
 
-  & > span {
-      color: $type-white;
-  }
-  & > img {
-      margin-right: 0.5rem;
-  }
+    & > span {
+        color: $type-white;
+    }
+    & > img {
+        margin-right: .5rem;
+    }
 }
 
 .ttt-row {
-  display: flex;
-  justify-content: space-between;
+    display: flex;
+    justify-content: space-between;
 }
 
 .ttt-item {
-  display: flex;
-  img {
-      margin-right: 1rem;
-  }
+    display: flex;
+    img {
+        margin-right: 1rem;
+    }
 }
-
-// .ttt-title {
-//     text-align: center;
-// }
-//
-// .ttt-description {
-//     margin: 0;
-//     font-size: 1.1rem;
-// }
-//
-// .modal-content-ttt {
-//     padding: 0 5rem;
-//     list-style: none;
-// }
-//
-// .flex-row.mod-ttt-item {
-//     margin: 0;
-//     border-top: 1px dashed $ui-border;
-//     padding: .5rem;
-//     justify-content: space-between;
-// }
-//
-// .modal-content-ttt-text {
-//     max-width: 70%;
-// }
-//
-// .modal-content-ttt-title,
-// .modal-content-ttt-subtitle {
-//     margin: 0;
-//     font-size: .875rem;
-// }
-//
-// .modal-content-ttt-title {
-//     font-weight: 500;
-// }
-//
-// .modal-content-ttt-title-img {
-//     margin-right: .25rem;
-//     width: 1.25rem;
-//     vertical-align: middle;
-// }
-//
-// .button.white.mod-ttt-item {
-//     border: 1px solid $ui-blue;
-//     box-shadow: none;
-// }

src/views/ideas/ideas.scss

@@ -9,12 +9,12 @@ $base-bg: $ui-white;
 }
 
 .banner-wrapper {
-    background: $ui-yellow bottom right url('/images/ideas/right-juice.png') no-repeat;
+    background: $ui-yellow bottom right url("/images/ideas/right-juice.png") no-repeat;
 }
 
 .ideas-banner {
-    background: bottom left url('/images/ideas/left-juice.png') no-repeat;
-    margin-bottom: 0px;
+    margin-bottom: 0;
+    background: bottom left url("/images/ideas/left-juice.png") no-repeat;
 }
 
 .ttt-section {
@@ -53,25 +53,25 @@ $base-bg: $ui-white;
 }
 
 .wide-button {
-  width: 100%;
+    width: 100%;
 }
 
 .tips-getting-started {
-  padding-top: 2.5rem;
-  background-color: #FAFAFF;
+    background-color: $ui-light-blue;
+    padding-top: 2.5rem;
 }
 
 .tips-left {
-  justify-content: flex-start;
+    justify-content: flex-start;
 }
 
 .ideas-image {
-  margin-right: 2rem;
+    margin-right: 2rem;
 }
 
 .tips-activity-guides {
-  padding-bottom: 2rem;
-  background-color: #FAFAFF;
+    background-color: $ui-light-blue;
+    padding-bottom: 2rem;
 }
 
 .purchase-button {
@@ -100,7 +100,7 @@ $base-bg: $ui-white;
 }
 
 .gray-area {
-  background-color: $ui-gray;
+    background-color: $ui-gray;
 }
 
 img.tips-icon {