feat(daffio): clean up why pwa page styles (#2603)

graycoreio · Nov 16, 2023 · 4a90668 · 4a90668
1 parent 6cec7e3
commit 4a90668
Show file tree

Hide file tree

Showing 5 changed files with 0 additions and 140 deletions.
diff --git a/...affio/src/app/content/why-pwa/components/why-pwa-overview/why-pwa-overview.component.scss b/...affio/src/app/content/why-pwa/components/why-pwa-overview/why-pwa-overview.component.scss
@@ -1,55 +1,21 @@
 @use 'utilities' as daff;
 
-/* autoprefixer grid: autoplace */ /* stylelint-disable-line scss/comment-no-loud */
 .daffio-why-pwa-overview {
 	&__card-grid {
 		display: grid;
     grid-template-columns: 1fr;
-		grid-template-areas:
-			'a'
-			'b'
-			'c'
-			'd';
 		grid-gap: 16px;
 
     @include daff.breakpoint(mobile) {
       grid-template-columns: 1fr 1fr;
-			grid-template-areas:
-				'a  b'
-				'c  d';
-			grid-gap: 16px;
     }
 
     @include daff.breakpoint(tablet) {
       grid-template-columns: 1fr 1fr 1fr 1fr;
-			grid-template-areas: 'a b c d';
-			grid-gap: 16px;
     }
 
-		> * {
-			&:first-child {
-				grid-area: a;
-			}
-
-			&:nth-child(2) {
-				grid-area: b;
-			}
-
-			&:nth-child(3) {
-				grid-area: c;
-			}
-
-			&:last-child {
-				grid-area: d;
-			}
-		}
-
 		fa-icon {
 			font-size: 1.5rem;
 		}
 	}
-
-	&__card-grid-icon {
-		max-width: 48px;
-	}
 }
diff --git a/...affio/src/app/content/why-pwa/components/why-pwa-solution/why-pwa-solution.component.scss b/...affio/src/app/content/why-pwa/components/why-pwa-solution/why-pwa-solution.component.scss
@@ -1,6 +1,5 @@
 @use 'utilities' as daff;
 
-/* autoprefixer grid: autoplace */ /* stylelint-disable-line scss/comment-no-loud */
 .daffio-why-pwa-solution {
 	&__grid {
     display: grid;

diff --git a/apps/daffio/src/app/content/why-pwa/components/why-pwa-stats/why-pwa-stats.component.scss b/apps/daffio/src/app/content/why-pwa/components/why-pwa-stats/why-pwa-stats.component.scss
@@ -1,31 +1,15 @@
 @use 'utilities' as daff;
 
-/* autoprefixer grid: autoplace */ /* stylelint-disable-line scss/comment-no-loud */
 .daffio-why-pwa-stats {
 	&__card-grid {
     display: grid;
     grid-template-columns: 1fr;
-		grid-template-areas:
-			'a'
-			'b';
     grid-gap: 24px;
 
     @include daff.breakpoint(big-tablet) {
       grid-template-columns: 1fr 1fr;
-			grid-template-areas: 'a b';
-			grid-gap: 24px;
     }
 
-		> * {
-			&:first-child {
-				grid-area: a;
-			}
-
-			&:nth-child(2) {
-				grid-area: b;
-			}
-		}
-
 		fa-icon {
 			font-size: 1.5rem;
 		}

diff --git a/apps/daffio/src/app/content/why-pwa/view/why-pwa-view.component.scss b/apps/daffio/src/app/content/why-pwa/view/why-pwa-view.component.scss
diff --git a/apps/daffio/src/app/content/why-pwa/view/why-pwa-view.component.ts b/apps/daffio/src/app/content/why-pwa/view/why-pwa-view.component.ts
@@ -6,7 +6,6 @@ import {
 @Component({
   selector: 'daffio-why-pwa-view',
   templateUrl: './why-pwa-view.component.html',
-  styleUrls: ['./why-pwa-view.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DaffioWhyPwaViewComponent {}