aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/search/CheckBox.scss
diff options
context:
space:
mode:
authorSam Wilkins <samwilkins333@gmail.com>2019-07-10 17:40:02 -0400
committerSam Wilkins <samwilkins333@gmail.com>2019-07-10 17:40:02 -0400
commit6ca470c067c7620cd9da7d8b8c1d553ee46f5d1c (patch)
tree2a2d492e0c07b3a29cc36eb5b144787647410d5a /src/client/views/search/CheckBox.scss
parent892608273cdfeba4cfb55c5c604bee4361b3be0e (diff)
parent2cd8ac79b4731ca98aafe8a92fa6fb132fe9e86f (diff)
merged with master and prototype initialization refactor, still in progress and deathly buggy
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;
+ }
+
+}
+