From 351ffbc9509e90553c8925ebcbea14d660278cc8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alex=20Szab=C3=B3?= <kreatemore@gmail.com>
Date: Wed, 27 Jun 2018 16:21:34 +0200
Subject: [PATCH 1/2] #8 Fixing rendering on iOS devices

---
 src/lib/src/content-loader.component.html | 20 ++++++++++----------
 src/lib/src/content-loader.component.ts   |  2 ++
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/lib/src/content-loader.component.html b/src/lib/src/content-loader.component.html
index a0384a2..66c5bf5 100644
--- a/src/lib/src/content-loader.component.html
+++ b/src/lib/src/content-loader.component.html
@@ -11,20 +11,20 @@
 
 		<linearGradient [attr.id]="idGradient">
 
-			<stop offset="0%" [attr.stop-color]="primaryColor">
-				<animate attributeName="offset" values="-2; 1" attr.dur={{speed}}s repeatCount="indefinite" />
-			</stop>
+      <stop offset="0%" [attr.stop-color]="primaryColor" [attr.stop-opacity]="primaryOpacity">
+        <animate attributeName="offset" values="-2; 1" attr.dur={{speed}}s repeatCount="indefinite" />
+      </stop>
 
-			<stop offset="50%" [attr.stop-color]="secondaryColor">
-				<animate attributeName="offset" values="-1.5; 1.5" attr.dur={{speed}}s repeatCount="indefinite" />
-			</stop>
+      <stop offset="50%" [attr.stop-color]="secondaryColor" [attr.stop-opacity]="secondaryOpacity">
+        <animate attributeName="offset" values="-1.5; 1.5" attr.dur={{speed}}s repeatCount="indefinite" />
+      </stop>
 
-			<stop offset="100%" [attr.stop-color]="primaryColor">
-				<animate attributeName="offset" values="-1; 2" attr.dur={{speed}}s repeatCount="indefinite" />
-			</stop>
+      <stop offset="100%" [attr.stop-color]="primaryColor" [attr.stop-opacity]="primaryOpacity">
+        <animate attributeName="offset" values="-1; 2" attr.dur={{speed}}s repeatCount="indefinite" />
+      </stop>
 
 		</linearGradient>
 
 	</defs>
 
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/lib/src/content-loader.component.ts b/src/lib/src/content-loader.component.ts
index a963b8d..88309b7 100644
--- a/src/lib/src/content-loader.component.ts
+++ b/src/lib/src/content-loader.component.ts
@@ -17,6 +17,8 @@ export class ContentLoaderComponent {
   @Input() preserveAspectRatio = 'xMidYMid meet';
   @Input() primaryColor = '#f9f9f9';
   @Input() secondaryColor = '#ecebeb';
+  @Input() primaryOpacity = 1;
+  @Input() secondaryOpacity = 1;
   @Input() uniqueKey;
   idClip = uid();
   idGradient = uid();

From e91db06bb0aabe21524e933881a8b385d5a371a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alex=20Szab=C3=B3?= <kreatemore@gmail.com>
Date: Wed, 27 Jun 2018 17:07:03 +0200
Subject: [PATCH 2/2] #8 Docs now contain opacity related properties

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index f2b221d..3eaf19c 100644
--- a/README.md
+++ b/README.md
@@ -102,6 +102,8 @@ export class AppModule { }
 |preserveAspectRatio|string|`'xMidYMid meet'`||
 |primaryColor|string|`'#f9f9f9'`||
 |secondaryColor|string|`'#ecebeb'`||
+|primaryOpacity|number|`1`||
+|secondaryOpacity|number|`1`||
 |uniqueKey|string|`randomId()`|Unique ID, you need to make it consistent for SSR|
 
 ## Credits