From a29fcb586781f98b07a2204bee5678df919941f7 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Wed, 8 Aug 2018 13:55:31 +0100
Subject: [PATCH] update link download styles
---
.../src/sass/apply/components/_link.scss | 25 +++++++++++--------
1 file changed, 14 insertions(+), 11 deletions(-)
diff --git a/opentech/static_src/src/sass/apply/components/_link.scss b/opentech/static_src/src/sass/apply/components/_link.scss
index da61ef457..e224144b1 100644
--- a/opentech/static_src/src/sass/apply/components/_link.scss
+++ b/opentech/static_src/src/sass/apply/components/_link.scss
@@ -11,21 +11,24 @@
display: flex;
align-items: center;
justify-content: space-between;
- padding: 20px;
- color: $color--default;
- border-top: 1px solid $color--mid-grey;
- border-right: 1px solid $color--mid-grey;
- border-left: 1px solid $color--mid-grey;
+ padding: 15px 20px;
+ margin-top: 5px;
+ color: $color--white;
+ background: $color--light-blue;
transition: background-color, $transition;
- &:only-child,
- &:last-child {
- border-bottom: 1px solid $color--mid-grey;
+ @include media-query(mob-landscape) {
+ max-width: 300px;
}
&:focus,
&:hover {
- background-color: transparentize($color--light-blue, 0.9);
+ background-color: $color--dark-blue;
+ }
+
+ > div {
+ display: flex;
+ align-items: center;
}
span {
@@ -38,13 +41,13 @@
&:first-child {
width: 26px;
height: 32px;
- stroke: $color--dark-grey;
+ stroke: $color--white;
}
&:last-child {
width: 12px;
height: 18px;
- stroke: $color--primary;
+ stroke: $color--white;
}
}
}
--
GitLab