Merge branch 'julius-dev' of Software_Engineering_I/greenvironment-frontend into master

src/app/components/group/group.component.sass

@@ -59,7 +59,7 @@ $mat-card-header-size: 100px !default
   margin-top: 0.5em
   outline: none
   user-select: none
-  /deep/ .mat-card-header-text
+  ::ng-deep .mat-card-header-text
     margin: 0
     margin-left: 16px
   .mat-card-subtitle
@@ -79,7 +79,7 @@ $mat-card-header-size: 100px !default
 .pointer
   cursor: pointer
 
-/deep/ .mat-expansion-panel
+::ng-deep .mat-expansion-panel
   background: #e6e6e6
-/deep/.dark-theme .mat-expansion-panel
+::ng-deep.dark-theme .mat-expansion-panel
   background: #121212

src/app/components/main-navigation/main-navigation.component.sass

@@ -36,7 +36,7 @@
   width: 100%
   margin-bottom: 0.5em
 
-/deep/ .mat-tab-link
+::ng-deep .mat-tab-link
   min-width: 5em!important
 
 #menu-button-box

src/app/components/search/search.component.sass

@@ -22,7 +22,7 @@
   margin-top: 0.5em
   outline: none
   user-select: none
-  /deep/ .mat-card-header-text
+  ::ng-deep .mat-card-header-text
     width: 1000%
     margin: 0
     margin-left: 16px
@@ -49,8 +49,8 @@
   text-align: right
   width: 100%
 
-/deep/ .mat-expansion-panel
+::ng-deep .mat-expansion-panel
   background: #e6e6e6
-/deep/.dark-theme .mat-expansion-panel
+::ng-deep.dark-theme .mat-expansion-panel
   background: #121212
 

src/app/components/social/social.component.sass

@@ -6,8 +6,8 @@
 #groupscontainer
 
 #tabs
-  /deep/ .mat-tab-label
+  ::ng-deep .mat-tab-label
     min-width: 50px
 
-/deep/ .mat-toolbar-row
+::ng-deep .mat-toolbar-row
   max-height: 40px

src/styles/vars.sass

@@ -1,6 +1,6 @@
 @import '~@angular/material/theming'
 
-$primary: mat-palette($mat-light-green);
-$primary-color: mat-color($primary);
+$primary: mat-palette($mat-light-green)
+$primary-color: mat-color($primary)