aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/search/ToggleBar.scss
diff options
context:
space:
mode:
authorBob Zeleznik <zzzman@gmail.com>2019-06-26 23:42:15 -0400
committerBob Zeleznik <zzzman@gmail.com>2019-06-26 23:42:15 -0400
commit79ceef22921aadc589319d894449b91bff8124f0 (patch)
tree8b279f614aaa165e336fc0553bb82a8a6c2dde65 /src/client/views/search/ToggleBar.scss
parent9178f360cbc3de7d836387a38e4e1ce6b7c77710 (diff)
parent79345d459a10de1a610bbeb62b503f05b42c1482 (diff)
merged
Diffstat (limited to 'src/client/views/search/ToggleBar.scss')
-rw-r--r--src/client/views/search/ToggleBar.scss36
1 files changed, 36 insertions, 0 deletions
diff --git a/src/client/views/search/ToggleBar.scss b/src/client/views/search/ToggleBar.scss
new file mode 100644
index 000000000..633a194fe
--- /dev/null
+++ b/src/client/views/search/ToggleBar.scss
@@ -0,0 +1,36 @@
+@import "../globalCssVariables";
+
+.toggle-title {
+ display: flex;
+ align-items: center;
+ color: $light-color;
+ text-transform: uppercase;
+ flex-direction: row;
+ justify-content: space-around;
+ padding: 5px;
+
+ .toggle-option {
+ width: 50%;
+ text-align: center;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ }
+}
+
+.toggle-bar {
+ height: 50px;
+ background-color: $alt-accent;
+ border-radius: 10px;
+ padding: 5px;
+ display: flex;
+ align-items: center;
+
+ .toggle-button {
+ width: 275px;
+ height: 100%;
+ border-radius: 10px;
+ background-color: $light-color;
+ }
+} \ No newline at end of file