feat(styles): enhance code element (#86)

Author: sonukapoor

projects/apps/demo-app/src/app/layout/layout-alignment/layout-alignment.component.scss

@@ -1,9 +1,3 @@
-.hint {
-  margin: 5px;
-  font-size: 0.9em;
-  color: #a3a3a3;
-}
-
 mat-radio-group {
   padding-top: 15px;
 }

projects/apps/updated-demo/src/app/pages/layout/align-self/align-self.component.ts

@@ -77,12 +77,6 @@ const ALIGN_OPTIONS = ['auto', 'start', 'center', 'baseline', 'end', 'stretch'];
         margin-left: 20px;
         font-weight: normal;
       }
-
-      .hint {
-        margin: 5px;
-        font-size: 0.9em;
-        color: #a3a3a3;
-      }
     `,
   ],
 })

projects/apps/updated-demo/src/app/pages/layout/alignment/alignment.component.ts

@@ -128,7 +128,7 @@ import { LayoutDirective } from 'projects/libs/flex-layout/flex/layout/layout';
       </form>
     </mat-card-actions>
     <mat-card-footer>
-      <div class="hint forceAbove">
+      <div class="hint">
         &lt;div fxLayout="{{ options.direction }}"
         <span>fxLayoutAlign="{{ layoutAlign() }}"</span>
         &gt;
@@ -157,11 +157,6 @@ import { LayoutDirective } from 'projects/libs/flex-layout/flex/layout/layout';
         margin-bottom: 10px;
         font-weight: normal;
       }
-      .hint {
-        margin: 5px;
-        font-size: 0.9em;
-        color: #a3a3a3;
-      }
     `,
   ],
 })

projects/apps/updated-demo/src/app/pages/layout/attribute-values/attribute-values.component.ts

@@ -56,11 +56,6 @@ import { FlexDirective, LayoutDirective } from '@ngbracket/ngx-layout';
         margin-bottom: 10px;
         font-weight: normal;
       }
-      .hint {
-        margin: 5px;
-        font-size: 0.9em;
-        color: #a3a3a3;
-      }
     `,
   ],
 })

projects/apps/updated-demo/src/app/pages/layout/direction/direction.component.ts

@@ -73,12 +73,6 @@ import {
         margin-left: 20px;
         font-weight: normal;
       }
-
-      .hint {
-        margin: 5px;
-        font-size: 0.9em;
-        color: #a3a3a3;
-      }
     `,
   ],
 })

projects/apps/updated-demo/src/app/pages/layout/fill/fill.component.ts

@@ -39,12 +39,6 @@ import { FlexLayoutModule } from '@ngbracket/ngx-layout';
       mat-card-title {
         margin: 10px 0 10px 20px;
       }
-
-      .hint {
-        margin: 5px;
-        font-size: 0.9em;
-        color: #a3a3a3;
-      }
     `,
   ],
 })

projects/apps/updated-demo/src/app/pages/layout/gap/gap.component.ts

@@ -45,7 +45,6 @@ const DIRECTIONS = ['row', 'row-reverse', 'column', 'column-reverse'];
       </div>
     </mat-card-content>
     <mat-card-footer class="bottomPad">
-      <div class="hint"></div>
     </mat-card-footer>
   </mat-card>`,
   styles: [
@@ -70,12 +69,6 @@ const DIRECTIONS = ['row', 'row-reverse', 'column', 'column-reverse'];
         margin-left: 20px;
         font-weight: normal;
       }
-
-      .hint {
-        margin: 5px;
-        font-size: 0.9em;
-        color: #a3a3a3;
-      }
     `,
   ],
 })

projects/apps/updated-demo/src/app/pages/layout/offset-values/offset-values.component.ts

@@ -51,12 +51,6 @@ import {
         margin-bottom: 10px;
         font-weight: normal;
       }
-
-      .hint {
-        margin: 5px;
-        font-size: 0.9em;
-        color: #a3a3a3;
-      }
     `,
   ],
 })

projects/apps/updated-demo/src/app/pages/layout/row-fill-wrap/row-fill-wrap.component.ts

@@ -58,11 +58,6 @@ const DIRECTIONS = ['row', 'row-reverse', 'column', 'column-reverse'];
         margin-bottom: 10px;
         font-weight: normal;
       }
-      .hint {
-        margin: 5px;
-        font-size: 0.9em;
-        color: #a3a3a3;
-      }
     `,
   ],
 })

projects/apps/updated-demo/src/app/pages/layout/row-fill/row-fill.component.ts

@@ -51,11 +51,6 @@ const DIRECTIONS = ['row', 'row-reverse', 'column', 'column-reverse'];
         margin-bottom: 10px;
         font-weight: normal;
       }
-      .hint {
-        margin: 5px;
-        font-size: 0.9em;
-        color: #a3a3a3;
-      }
     `,
   ],
 })