Use sass instead of deprecated node sass

4 files changed, 6 insertions, 6 deletions

diff --git a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
index 03e6ce8c8..61b46dcbd 100644
--- a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
+++ b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
@@ -10,14 +10,14 @@
     text-align: center;
   }
 
-  /deep/ h1 {
+  ::ng-deep h1 {
     font-size: 1rem;
     text-align: center;
     font-weight: $font-semibold;
     margin-top: 20px;
   }
 
-  /deep/ ul {
+  ::ng-deep ul {
     padding: 0;
     text-align: center;
 
diff --git a/client/src/app/+about/about-peertube/about-peertube-contributors.component.ts b/client/src/app/+about/about-peertube/about-peertube-contributors.component.ts
index da1fcdc92..c45269be4 100644
--- a/client/src/app/+about/about-peertube/about-peertube-contributors.component.ts
+++ b/client/src/app/+about/about-peertube/about-peertube-contributors.component.ts
@@ -9,7 +9,7 @@ import { MarkdownService } from '@app/core'
 export class AboutPeertubeContributorsComponent implements OnInit {
   creditsHtml: string
 
-  private markdown = require('raw-loader!../../../../../CREDITS.md')
+  private markdown = require('raw-loader!../../../../../CREDITS.md').default
 
   constructor (private markdownService: MarkdownService) { }
 
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 4856d4ae5..e67252410 100644
--- a/client/src/app/+about/about-peertube/about-peertube.component.scss
+++ b/client/src/app/+about/about-peertube/about-peertube.component.scss
@@ -18,7 +18,7 @@
   margin: 20px auto;
 }
 
-/deep/ .section-title {
+::ng-deep .section-title {
   font-weight: $font-semibold;
   font-size: 20px;
   margin-bottom: 5px;
@@ -44,7 +44,7 @@
 .description,
 .p2p-privacy,
 my-about-peertube-contributors {
-  /deep/ {
+  ::ng-deep {
     p, li {
       font-size: 15px;
     }
diff --git a/client/src/app/+videos/+video-watch/video-watch.component.scss b/client/src/app/+videos/+video-watch/video-watch.component.scss
index d0cefdc92..9d8dffe3d 100644
--- a/client/src/app/+videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/+videos/+video-watch/video-watch.component.scss
@@ -352,7 +352,7 @@ $video-info-margin-left: 44px;
       .video-info-description-html {
         @include peertube-word-wrap;
 
-        /deep/ a {
+        ::ng-deep a {
           text-decoration: none;
         }
       }