Use sass to drop duplicated background image definition

package.json

@@ -1,6 +1,6 @@
 {
   "name": "opt-cc",
-  "version": "1.9.2",
+  "version": "1.9.3",
   "author": "Florian Hartwich <hardi@noarch.de>",
   "private": true,
   "scripts": {

static/src/app/army/army-member/army-member.component.scss

@@ -1,17 +1,4 @@
-:host {
-  display: flow-root;
-  height: 100%;
-  min-height: 100vh;
-  width: 100%;
-  margin-top: -23px;
-  padding-top: 23px;
-  padding-bottom: 23px;
-  background-image: url('../../../assets/bg.jpg');
-  background-size: cover;
-  background-attachment: fixed;
-  background-position: top;
-  background-repeat: no-repeat;
-}
+@import url('../../style/background-image.scss');
 
 .army-member-view {
   width: 90%;

static/src/app/army/army-member/army-member.component.ts

@@ -1,9 +1,8 @@
-import {Component, Inject, OnDestroy, OnInit} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 import {Award, User} from '../../models/model-interfaces';
 import {ActivatedRoute, Router} from '@angular/router';
 import {UserService} from '../../services/army-management/user.service';
 import {Subscription} from 'rxjs/Subscription';
-import {RouteConfig} from '../../app.config';
 import {AwardingService} from '../../services/army-management/awarding.service';
 import {Fraction} from '../../utils/fraction.enum';
 import {Location} from '@angular/common';
@@ -11,7 +10,7 @@ import {Location} from '@angular/common';
 @Component({
   selector: 'army-member',
   templateUrl: './army-member.component.html',
-  styleUrls: ['./army-member.component.css']
+  styleUrls: ['./army-member.component.scss']
 })
 export class ArmyMemberComponent implements OnInit {
 
@@ -35,7 +34,6 @@ export class ArmyMemberComponent implements OnInit {
   }
 
   ngOnInit() {
-
     this.subscription = this.route.params
                             .map(params => params['id'])
                             .filter(id => id !== undefined)

static/src/app/army/army.component.scss

@@ -0,0 +1,24 @@
+@import url('../style/background-image.scss');
+
+.army-column {
+  width: 45%;
+}
+
+h1 {
+  text-align: center;
+}
+
+.army-head {
+  font-weight: bolder;
+  text-align: center
+}
+
+.member-count {
+  margin-top: 15px;
+  padding: 8px;
+  text-align: center;
+  font-weight: bold;
+  color: whitesmoke;
+  background: #222222;
+  border-radius: 12px;
+}

static/src/app/army/army.component.ts

@@ -8,7 +8,7 @@ import {Fraction} from '../utils/fraction.enum';
 @Component({
   selector: 'cc-army',
   templateUrl: './army.component.html',
-  styleUrls: ['./army.component.css']
+  styleUrls: ['./army.component.scss']
 })
 export class ArmyComponent implements OnInit {
 

static/src/app/pub/decoration-overview/decoration-overview.component.scss

@@ -1,16 +1,4 @@
-:host {
-  display: flow-root;
-  height: 100%;
-  width: 100%;
-  margin-top: -23px;
-  padding-top: 23px;
-  padding-bottom: 23px;
-  background-image: url('../../../assets/bg.jpg');
-  background-size: cover;
-  background-attachment: fixed;
-  background-position: top;
-  background-repeat: no-repeat;
-}
+@import url('../../style/background-image.scss');
 
 h1 {
   margin-bottom: 30px;

static/src/app/pub/decoration-overview/decoration-overview.component.ts

@@ -12,7 +12,7 @@ import {Location} from '@angular/common';
 @Component({
   selector: 'cc-decoration-overview',
   templateUrl: './decoration-overview.component.html',
-  styleUrls: ['./decoration-overview.component.css']
+  styleUrls: ['./decoration-overview.component.scss']
 })
 export class DecorationOverviewComponent implements OnInit, OnDestroy {
 

static/src/app/pub/rank-overview/rank-overview.component.scss

@@ -1,17 +1,4 @@
-:host {
-  display: flow-root;
-  height: 100%;
-  min-height: 100vh;
-  width: 100%;
-  margin-top: -23px;
-  padding-top: 23px;
-  padding-bottom: 23px;
-  background-image: url('../../../assets/bg.jpg');
-  background-size: cover;
-  background-attachment: fixed;
-  background-position: top;
-  background-repeat: no-repeat;
-}
+@import url('../../style/background-image.scss');
 
 table {
   width: 100%;

static/src/app/pub/rank-overview/rank-overview.component.ts

@@ -10,7 +10,7 @@ import {UserListSheetComponent} from '../user-list-sheet/user-list-sheet.compone
 @Component({
   selector: 'cc-rank-overview',
   templateUrl: './rank-overview.component.html',
-  styleUrls: ['./rank-overview.component.css']
+  styleUrls: ['./rank-overview.component.scss']
 })
 export class RankOverviewComponent implements OnInit, OnDestroy {
 

static/src/app/style/background-image.scss

@@ -12,26 +12,3 @@
   background-position: top;
   background-repeat: no-repeat;
 }
-
-.army-column {
-  width: 45%;
-}
-
-h1 {
-  text-align: center;
-}
-
-.army-head {
-  font-weight: bolder;
-  text-align: center
-}
-
-.member-count {
-  margin-top: 15px;
-  padding: 8px;
-  text-align: center;
-  font-weight: bold;
-  color: whitesmoke;
-  background: #222222;
-  border-radius: 12px;
-}