From a9f5c964ef768855ead5cd79674d4b57910ccd9c Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Thu, 10 Jan 2019 11:02:23 +0000
Subject: [PATCH] move switcher buttons styles to the app
---
.../src/app/src/components/Switcher/index.js | 2 ++
.../app/src/components/Switcher/styles.scss | 24 +++++++++++++++++++
.../src/sass/apply/components/_button.scss | 23 ------------------
3 files changed, 26 insertions(+), 23 deletions(-)
create mode 100644 opentech/static_src/src/app/src/components/Switcher/styles.scss
diff --git a/opentech/static_src/src/app/src/components/Switcher/index.js b/opentech/static_src/src/app/src/components/Switcher/index.js
index 1ece00ecf..e818111a3 100644
--- a/opentech/static_src/src/app/src/components/Switcher/index.js
+++ b/opentech/static_src/src/app/src/components/Switcher/index.js
@@ -3,6 +3,8 @@ import ReactDOM from 'react-dom';
import ArrayIcon from 'images/icon-array.svg'
import GridIcon from 'images/icon-grid.svg';
+import './styles.scss';
+
class Switcher extends React.Component {
constructor(props) {
super(props);
diff --git a/opentech/static_src/src/app/src/components/Switcher/styles.scss b/opentech/static_src/src/app/src/components/Switcher/styles.scss
new file mode 100644
index 000000000..8a86bd044
--- /dev/null
+++ b/opentech/static_src/src/app/src/components/Switcher/styles.scss
@@ -0,0 +1,24 @@
+.button {
+ &--switcher {
+ fill: transparentize($color--white, .5);
+ transition: fill $transition;
+
+ &:hover,
+ &:focus {
+ fill: transparentize($color--white, .25);
+ }
+
+ &:first-child {
+ margin-right: 10px;
+ }
+
+ &.is-active {
+ fill: $color--white;
+ }
+
+ svg {
+ width: 45px;
+ height: 45px;
+ }
+ }
+}
diff --git a/opentech/static_src/src/sass/apply/components/_button.scss b/opentech/static_src/src/sass/apply/components/_button.scss
index a099b58f0..32efcfb5d 100644
--- a/opentech/static_src/src/sass/apply/components/_button.scss
+++ b/opentech/static_src/src/sass/apply/components/_button.scss
@@ -208,27 +208,4 @@
fill: $color--white;
}
}
-
- &--switcher {
- fill: transparentize($color--white, .5);
- transition: fill $transition;
-
- &:hover,
- &:focus {
- fill: transparentize($color--white, .25);
- }
-
- &:first-child {
- margin-right: 10px;
- }
-
- &.is-active {
- fill: $color--white;
- }
-
- svg {
- width: 45px;
- height: 45px;
- }
- }
}
--
GitLab