aboutsummaryrefslogtreecommitdiff
path: root/src/client/react/components
diff options
context:
space:
mode:
authorNoah Loomans <noahloomans@gmail.com>2018-03-21 15:32:21 +0100
committerNoah Loomans <noahloomans@gmail.com>2018-03-21 15:32:21 +0100
commit2d54f8c7a6ee92bc51dd26244517d18ee7958490 (patch)
treefbb1f1062e18c9a2ed626d7cde0234bdc5149b11 /src/client/react/components
parentb2e406c37d0241d132e6fa99cc1387c92a624e0b (diff)
Add scss back into the mix
Diffstat (limited to 'src/client/react/components')
-rw-r--r--src/client/react/components/container/WeekSelector.css40
-rw-r--r--src/client/react/components/container/WeekSelector.js2
-rw-r--r--src/client/react/components/container/WeekSelector.scss40
3 files changed, 41 insertions, 41 deletions
diff --git a/src/client/react/components/container/WeekSelector.css b/src/client/react/components/container/WeekSelector.css
deleted file mode 100644
index 2ca5a0f..0000000
--- a/src/client/react/components/container/WeekSelector.css
+++ /dev/null
@@ -1,40 +0,0 @@
-.WeekSelector {
- display: flex;
- padding: 8px;
- padding-bottom: 0;
- background-color: #F44336;
- color: white;
- align-items: center;
-}
-
-.text {
- flex-grow: 1;
- text-align: center;
-}
-
-.WeekSelector button {
- background-color: initial;
- border: initial;
- color: inherit;
- padding: 8px;
- border-radius: 4px;
-}
-
-.WeekSelector svg {
- font-size: 2em;
-}
-
-.WeekSelector button:focus {
- background-color: #D32F2F;
- outline: none;
-}
-
-.WeekSelector button:active {
- background-color: #B81111;
- outline: none;
- }
-
-.WeekSelector button::-moz-focus-inner {
- /* Remove the dotted line outline from Firefox */
- border: 0;
-}
diff --git a/src/client/react/components/container/WeekSelector.js b/src/client/react/components/container/WeekSelector.js
index 828fb6f..f0da1b2 100644
--- a/src/client/react/components/container/WeekSelector.js
+++ b/src/client/react/components/container/WeekSelector.js
@@ -29,7 +29,7 @@ import ArrowForwardIcon from 'react-icons/lib/md/arrow-forward';
import purifyWeek from '../../lib/purifyWeek';
import { setWeek, weekFromLocation } from '../../lib/url';
-import styles from './WeekSelector.css';
+import styles from './WeekSelector.scss';
class WeekSelector extends React.Component {
static propTypes = {
diff --git a/src/client/react/components/container/WeekSelector.scss b/src/client/react/components/container/WeekSelector.scss
new file mode 100644
index 0000000..dd71fea
--- /dev/null
+++ b/src/client/react/components/container/WeekSelector.scss
@@ -0,0 +1,40 @@
+.WeekSelector {
+ display: flex;
+ padding: 8px;
+ padding-bottom: 0;
+ background-color: #F44336;
+ color: white;
+ align-items: center;
+
+ .text {
+ flex-grow: 1;
+ text-align: center;
+ }
+
+ button {
+ background-color: initial;
+ border: initial;
+ color: inherit;
+ padding: 8px;
+ border-radius: 4px;
+
+ svg {
+ font-size: 2em;
+ }
+
+ &:focus {
+ background-color: #D32F2F;
+ outline: none;
+ }
+
+ &:active {
+ background-color: #B81111;
+ outline: none;
+ }
+
+ &::-moz-focus-inner {
+ /* Remove the dotted line outline from Firefox */
+ border: 0;
+ }
+ }
+}