aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/search/CheckBox.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/CheckBox.scss
parent9178f360cbc3de7d836387a38e4e1ce6b7c77710 (diff)
parent79345d459a10de1a610bbeb62b503f05b42c1482 (diff)
merged
Diffstat (limited to 'src/client/views/search/CheckBox.scss')
-rw-r--r--src/client/views/search/CheckBox.scss59
1 files changed, 59 insertions, 0 deletions
diff --git a/src/client/views/search/CheckBox.scss b/src/client/views/search/CheckBox.scss
new file mode 100644
index 000000000..af59d5fbf
--- /dev/null
+++ b/src/client/views/search/CheckBox.scss
@@ -0,0 +1,59 @@
+@import "../globalCssVariables";
+
+.checkboxfilter {
+ display: flex;
+ margin-top: 0px;
+ padding: 3px;
+
+ .outer {
+ display: flex;
+ position: relative;
+ justify-content: center;
+ align-items: center;
+ margin-top: 0px;
+
+ .check-container:hover~.check-box {
+ background-color: $intermediate-color;
+ }
+
+ .check-container {
+ width: 40px;
+ height: 40px;
+ position: absolute;
+ z-index: 1000;
+
+ .checkmark {
+ z-index: 1000;
+ position: absolute;
+ fill-opacity: 0;
+ stroke-width: 4px;
+ stroke: white;
+ }
+ }
+
+ .check-box {
+ z-index: 900;
+ position: relative;
+ height: 20px;
+ width: 20px;
+ overflow: visible;
+ background-color: transparent;
+ border-style: solid;
+ border-color: $alt-accent;
+ border-width: 2px;
+ -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;
+ }
+ }
+
+ .checkbox-title {
+ display: flex;
+ align-items: center;
+ text-transform: capitalize;
+ margin-left: 15px;
+ }
+
+}
+