Fix Style linting issues (hackforla#2495)

* Find all css linting errors

* Fixed about page css linting issues

* Removed duplicate class in _dashboard.scss

* Fixed linting issues in _events.scss

* Fixed linting issues in _home.scss

* Fixed linting issues in _project-page.scss

* Fixed linting issues in _toolkit.scss

* Adding ignore for duplicate properties in stylelintrc

* Fixed accordion css issues

* Changed margin in _events.scss

* Reverted changes to _toolkit.scss

.stylelintrc.json

@@ -18,4 +18,4 @@
     "no-duplicate-selectors": true,
     "no-extra-semicolons": true
   }
-}
+}

_sass/components/_about.scss

@@ -84,7 +84,7 @@
 a.anchor {
   display: block;
   position: relative;
-  top: -75x;
+  top: -75px;
   visibility: hidden;
 }
 
@@ -126,10 +126,9 @@ a.anchor {
   overflow: hidden;
   border: 0 solid rgba(51, 51, 51, 0.06);
   border-radius: 16px;
-  margin-bottom: 0;
+  margin: 12px;
   padding: 22px;
   height: fit-content;
-  margin: 12px;
 }
 
 // Make the Letter page card have square corners
@@ -253,8 +252,7 @@ a.anchor {
 }
 
 .sub-card-content {
-  padding-left: 5px;
-  padding-left: 23px;
+  padding-left: 10px;
   margin-left: 8px;
 }
 
@@ -592,17 +590,11 @@ a.anchor {
 } // End below tablet
 
 // Bigger than mobile - 480px
-@media #{$bp-mobile-up} {
-
-} // End mobile up
+// @media #{$bp-mobile-up} {} 
+// End mobile up
 
 // Bigger than tablet - 768px
-@media #{$bp-tablet-up} {
-  .wins-card-mobile{
-    margin-left: auto;
-    margin-right: auto;
-  }
-}
+// @media #{$bp-tablet-up} {}
 
 //Bigger than desktop - 960px
 @media #{$bp-desktop-up} {

_sass/components/_dashboard.scss

@@ -21,8 +21,4 @@
 
 iframe{
     margin: 0 auto 0 auto;
-}
-
-.dashboardEmbed {
-    background-color: #020d2d;
-}
+}

_sass/components/_events.scss

@@ -2,9 +2,8 @@
   margin: 40px 0px 83px 0px;
   padding: 25px;
   @media #{$bp-below-tablet} {
-    margin-top: 52px;
+    margin: 0;
     padding: 0;
-    margin: 0px;
   }
 }
 
@@ -273,9 +272,8 @@
   box-shadow: 0 0 8px 0 rgba(51, 51, 51, 0.2);
   overflow: hidden;
   max-width: 996px;
-  margin-bottom: 0;
-  padding: 20px;
   margin: 45px;
+  padding: 20px;
   font-family: "Roboto" sans-serif;
   height: fit-content;
 
@@ -347,37 +345,11 @@
 
 .title-meetup {
   font-size: 1.25rem;
-  text-align: center;
-  font-weight: 700;
   text-align: left;
+  font-weight: 700;
   margin-bottom: 16px;
-
-
 }
 
-// .btn-meet {
-//   background: #fa114f;
-//   border: 2;
-//   border-radius: 60px;
-//   box-shadow: 0 0 8px 0 rgba(51, 51, 51, 0.2);
-//   color: #fff;
-//   display: inline-block;
-//   font-size: 25px;
-//   font-weight: 400;
-//   height: 86px;
-
-//   padding: 0 20px;
-//   text-decoration: none;
-//   transition: all 100ms ease-in;
-//   white-space: nowrap;
-//   width: 62%;
-
-//   @media #{$bp-below-mobile} {
-//     font-size: 1.1rem;
-//     width: 70%;
-//   }
-// }
-
 .class-btn {
   text-align: center;
   margin-top: 8px;

_sass/components/_home.scss

@@ -420,7 +420,6 @@ button {
 .column {
   display: flex;
   flex-direction: column;
-  flex-basis: 100%;
   flex: 1;
 }
 

_sass/components/_project-page.scss

@@ -185,7 +185,7 @@
   display: flex;
   justify-content: center;
   flex-direction: column;
-  text-align: center;
+  text-align: left;
   border: 1px solid rgba(51,51,51,0.1);
   border-radius: 16px;
   padding: 5px 15px;
@@ -208,7 +208,7 @@
   max-width: 0px;
   padding: 35px 0px;
   overflow: hidden;
-  text-align: center;
+  text-align: left;
   min-width: 0px;
   transition: min-width 1s, padding 1s;
 }
@@ -348,7 +348,7 @@
   max-height: 175px;
   max-width: 229px;
   margin: 0px 0px 30px 21px;
-  text-align: center;
+  text-align: left;
   border: 1px solid rgba(51,51,51,0.1);
   border-radius: 16px;
   padding: 5px 15px;

_sass/elements/_accordion.scss

@@ -7,6 +7,7 @@
     border-bottom: 0.5px solid gray;
     max-width: 1000px;
     margin-top: 45px;
+    padding: 0.2rem;
 
     @media #{$bp-below-mobile} {
       margin-top: 20px;
@@ -34,10 +35,6 @@
     font-size: 24px;
   }
 
-  .accordion {
-    padding: 0.2rem;
-
-}
 
 .active::after {
   content: "\221F";