Fix basic linter issues

[github/Chocobozzz/PeerTube.git] / client / src / app / +about / about-peertube / about-peertube.component.scss

diff --git a/client/src/app/+about/about-peertube/about-peertube.component.scss b/client/src/app/+about/about-peertube/about-peertube.component.scss
index e5d2bc5b859ef9b062e4b06b5765f682e8f7208e..001405dc75dae4d0fb7f5ab134d60a1812dbd54a 100644 (file)
--- a/client/src/app/+about/about-peertube/about-peertube.component.scss
+++ b/client/src/app/+about/about-peertube/about-peertube.component.scss
@@ -1,78 +1,19 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 .root {
   max-width: 1200px;
   margin: auto;
 }
 
-.about-peertube-title {
-  font-size: 25px;
-  text-align: center;
-  font-weight: $font-semibold;
-  margin-bottom: 15px;
-}
-
-.mascot {
-  display: block;
-  margin: 20px auto;
-}
-
-::ng-deep .section-title {
-  font-weight: $font-semibold;
-  font-size: 20px;
-  margin-bottom: 5px;
-}
-
-.description {
-  text-align: center;
-}
-
-.documentation {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 50px 0;
-  justify-content: center;
+.card {
+  @include rfs(2rem, margin);
 
-  .card {
-    margin: 30px;
-    flex-basis: 300px;
-    font-size: 15px;
-  }
-}
-
-.description,
-.p2p-privacy,
-my-about-peertube-contributors {
-  ::ng-deep {
-    p,
-    li {
-      font-size: 15px;
-    }
-  }
-}
-
-.privacy-contributors {
-  display: flex;
-  flex-direction: column;
-
-  .p2p-privacy {
-    .section-title {
-      margin: 50px 0 20px;
-      text-align: center;
-    }
-
-    h6 {
-      font-size: 20px;
-      margin-top: 15px;
-    }
-  }
+  flex-basis: 300px;
 }
 
 .card-title {
-  font-size: 1.25rem;
-}
-
-.p2p-privacy-title {
-  font-size: 20px;
+  font-size: 1.1rem;
+  text-align: center;
+  margin-bottom: 1rem;
 }