remove commented and dead code

Author: thorrellt

components/ContactUsForm/styles.js

@@ -1,12 +1,9 @@
 import styled, { css } from 'styled-components';
 import * as m from '@/styles/_mixins';
 import {
-  $white,
   $error,
   $darkBgColor,
   $primaryContentColor,
-  $lightBgColor,
-  $boxShadow,
 } from '@/styles/_variables';
 
 const ResponseOnErrorMsg = styled.div`
@@ -142,127 +139,3 @@ export default {
   SubscribeInput,
   TextArea,
 };
-
-// .contact {
-//   background-color: $light-bg-color;
-//   height: 42rem;
-//   position: relative;
-//   margin-bottom: -10rem;
-//   @include mobile {
-//     margin-bottom: 3rem;
-//   }
-
-//   &__formAndDecorations {
-//     @include tablet {
-//       display: flex;
-//       flex-wrap: wrap;
-//       justify-content: center;
-//       position: absolute;
-//       bottom: 48%;
-//       right: 4%;
-//       z-index: 11;
-//     }
-
-//     @include desktop {
-//       bottom: 52%;
-//       right: 8%;
-//     }
-//   }
-
-//   &__yellowBracket {
-//     -webkit-transform: scaleX(-1);
-//     transform: scaleX(-1);
-
-//     @include mobile {
-//       display: none;
-//     }
-
-//     @include tablet {
-//       position: absolute;
-//       top: 28%;
-//       right: 120%;
-//       width: 8rem;
-//     }
-
-//     @include desktop {
-//       top: 25%;
-//       right: 120%;
-//     }
-
-//     @include desktop-breakpoint-plus {
-//       top: 25%;
-//       right: 140%;
-//     }
-//   }
-
-//   &__yellowColon {
-//     @include tablet {
-//       position: absolute;
-//       top: -10%;
-//       right: -5%;
-//     }
-
-//     @include desktop {
-//       right: -15%;
-//     }
-//   }
-
-//   @include desktop-breakpoint-minus {
-//     img {
-//       display: none;
-//     }
-//   }
-
-//   &__form {
-
-//   }
-
-//   &__errorMessage {
-
-//   }
-
-//   &__input {
-
-//   }
-
-//   &__message {
-
-//   }
-
-//   &__subscribe {
-
-//   }
-
-//   &__subscribeInput {
-
-//   }
-
-//   @include desktop {
-//     height: 32rem;
-//   }
-
-//   &__response_message {
-//     position: absolute;
-//     right: 8%;
-//     bottom: -5%;
-//     margin: auto;
-
-//     @include mobile {
-//       position: unset;
-//       margin-top: 1rem;
-//       padding: 0 2rem;
-//     }
-
-//     @include small-mobile {
-//       max-width: fit-content;
-//     }
-//   }
-
-//   &__respseonErrorMessage {
-//   }
-
-// @include mobile {
-//     height: unset;
-//     padding-bottom: 2rem;
-//   }
-// }

components/blog/BlogPostsContainer/styles.js

@@ -79,22 +79,3 @@ export default {
   PostContainer,
   BlogContainer,
 };
-
-// .blogContainer {
-//     display: flex;
-//     flex-direction: column;
-//     margin: 3rem 0;
-//   }
-
-//   .blogSearch {
-//     display: flex;
-//     padding-top: 2.5rem;
-//     justify-content: space-between;
-//     flex-direction: column-reverse;
-//     align-items: flex-start;
-
-//     @include desktop {
-//       align-items: center;
-//       flex-direction: row;
-//     }
-//   }

components/blog/SearchBar/SearchBar.js

@@ -1,4 +1,3 @@
-// import styles from '@/styles/SearchBar.module.scss';
 import S from './styles';
 import { useRef } from 'react';
 

components/blog/SearchBar/styles.js

@@ -1,12 +1,6 @@
 import styled, { css } from 'styled-components';
 import * as m from '@/styles/_mixins';
-import {
-  $white,
-  $primaryContentColor,
-  $black,
-  $transparent,
-  $darkBgColor,
-} from '@/styles/_variables';
+import { $transparent } from '@/styles/_variables';
 
 const SearchBar = styled.div`
   display: flex;
@@ -37,7 +31,7 @@ const SubmitButton = styled.button`
   text-indent: -999px;
   overflow: hidden;
   width: 1.5rem;
-  border: 1px solid transparent;
+  border: 1px solid ${$transparent};
   background: url('/images/svg/search.svg');
   background-size: cover;
   background-repeat: no-repeat;

components/buttons/ButtonLink/ButtonLink.js

@@ -5,14 +5,12 @@ import S from './styles';
 export default function ButtonLink({
   link,
   children,
-  styles,
   $colorScheme,
   openNewTab,
 }) {
   return (
     <S.ButtonLink
       href={link}
-      style={styles}
       $colorScheme={$colorScheme}
       target={openNewTab ? '_blank' : undefined}
       rel='noopener noreferrer'

components/buttons/ButtonLink/styles.js

@@ -3,7 +3,6 @@ import * as m from '@/styles/_mixins';
 import {
   $white,
   $primaryContentColor,
-  $black,
   $transparent,
 } from '@/styles/_variables';
 

components/buttons/SubmitButton/styles.js

@@ -3,7 +3,6 @@ import * as m from '@/styles/_mixins';
 import {
   $white,
   $primaryContentColor,
-  $black,
   $transparent,
   $darkBgColor,
 } from '@/styles/_variables';

components/layout/Footer/styles.js

@@ -2,13 +2,7 @@ import styled, { css } from 'styled-components';
 import Image from 'next/image';
 import Container from '@/components/containers/Container/Container';
 import * as m from '@/styles/_mixins';
-import {
-  $white,
-  $primaryContentColor,
-  $primaryAccentColor,
-  $darkBgColor,
-  $boxShadow,
-} from '@/styles/_variables';
+import { $white, $darkBgColor } from '@/styles/_variables';
 
 const Footer = styled.footer`
   background-color: ${$darkBgColor};

components/layout/Hero/styles.js

@@ -2,11 +2,7 @@ import styled, { css } from 'styled-components';
 import Container from '@/components/containers/Container/Container';
 import Image from 'next/image';
 import * as m from '@/styles/_mixins';
-import {
-  $white,
-  $primaryContentColor,
-  $primaryAccentColor,
-} from '@/styles/_variables';
+import { $white, $primaryAccentColor } from '@/styles/_variables';
 
 const Header = styled.div`
   display: flex;

components/layout/Nav/styles.js

@@ -8,8 +8,6 @@ import {
   $transparent,
   $darkBgColor,
   $primaryContentColor,
-  $primaryAccentColor,
-  $headingFont,
   $boxShadow,
   $boxShadowBottom,
   $lgDesktopBreakpoint,