From 62f767502ab5a45afe789acf8b83d4f839f9ca77 Mon Sep 17 00:00:00 2001
From: Art Lukyanchyk <artiom.lukyanchyk@hs-hannover.de>
Date: Wed, 13 Jun 2018 16:22:17 +0200
Subject: [PATCH] Sketch of the privacy/cookies notification
---
hshassets/assets/sass/_init.scss | 1 +
.../assets/sass/privacy_notification.scss | 38 +++++++++++++++++++
2 files changed, 39 insertions(+)
create mode 100644 hshassets/assets/sass/privacy_notification.scss
diff --git a/hshassets/assets/sass/_init.scss b/hshassets/assets/sass/_init.scss
index 25ff43b1..154fe59f 100644
--- a/hshassets/assets/sass/_init.scss
+++ b/hshassets/assets/sass/_init.scss
@@ -13,3 +13,4 @@ $dark: rgb(87, 82, 80);
@import 'general.scss';
@import 'breadcrumbs.scss';
@import 'images.scss';
+@import 'privacy_notification.scss';
diff --git a/hshassets/assets/sass/privacy_notification.scss b/hshassets/assets/sass/privacy_notification.scss
new file mode 100644
index 00000000..3ef7a512
--- /dev/null
+++ b/hshassets/assets/sass/privacy_notification.scss
@@ -0,0 +1,38 @@
+.privacy_notification {
+ background-color: white;
+ text-shadow: 0 0 2px rgba(255,255,255,0.75);
+}
+
+.privacy_notification .container {
+ padding: 2em 0.5em;
+}
+
+@keyframes privacy_notification_stripes_animation {
+ 0% {
+ background-position: -100px 0
+ }
+ 100% {
+ background-position: 0 0
+ }
+}
+
+.privacy_notification .stripes {
+ height: 0.5em;
+ width: 100%;
+ background:
+ repeating-linear-gradient(
+ -30deg,
+ transparent 0px,
+ transparent 7px,
+ #dddddd 8px,
+ #dddddd 15px,
+ transparent 16px
+ );
+ animation: privacy_notification_stripes_animation 2s ease-in-out 1;
+}
+
+.privacy_notification .column {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+}
--
GitLab