From 620dbecd109a90bb209b177e1c34abc229faff27 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Wed, 28 Feb 2018 16:01:49 +0000
Subject: [PATCH] adding open and close activity feed button styles
---
.../src/sass/apply/components/_link.scss | 58 +++++++++++++++++++
1 file changed, 58 insertions(+)
diff --git a/opentech/static_src/src/sass/apply/components/_link.scss b/opentech/static_src/src/sass/apply/components/_link.scss
index 290892a1c..b9b6b6010 100644
--- a/opentech/static_src/src/sass/apply/components/_link.scss
+++ b/opentech/static_src/src/sass/apply/components/_link.scss
@@ -47,4 +47,62 @@
}
}
}
+
+ &--open-feed {
+ @include button($color--light-blue, $color--dark-blue);
+ position: fixed;
+ right: 20px;
+ bottom: 0;
+ z-index: 10;
+ display: flex;
+ align-items: center;
+ padding: 8px 20px;
+ color: $color--white;
+ border: 0;
+
+ @include media-query(tablet-portrait) {
+ right: 5%;
+ }
+
+ @include media-query(tablet-landscape) {
+ right: 10%;
+ }
+
+ &::after {
+ width: 30px;
+ height: 30px;
+ margin-left: 30px;
+ font-size: 30px;
+ line-height: 0.9;
+ text-align: center;
+ border: 2px solid white;
+ border-radius: 50%;
+ content: '+';
+ }
+ }
+
+ &--close-feed {
+ position: absolute;
+ top: 30px;
+ right: 0;
+ display: flex;
+ align-items: center;
+ font-size: 12px;
+ font-weight: 700;
+ color: $color--white;
+ text-transform: uppercase;
+ top: 25px;
+
+ &::after {
+ width: 30px;
+ height: 30px;
+ margin-left: 20px;
+ font-size: 30px;
+ line-height: 0.1;
+ text-align: center;
+ border: 2px solid white;
+ border-radius: 50%;
+ content: '_';
+ }
+ }
}
--
GitLab