aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/search/CheckBox.scss
diff options
context:
space:
mode:
authorMonika <monika_hedman@brown.edu>2019-06-24 20:39:38 -0400
committerMonika <monika_hedman@brown.edu>2019-06-24 20:39:38 -0400
commit469b070c1c0f5a9d08e7824a4ce430b84f3fcce5 (patch)
tree569303c7f5a6b8e2b6326a38961e98ed487d967d /src/client/views/search/CheckBox.scss
parent329565c35729f5171de9efa30f36e6b4e0714101 (diff)
end of day 6/24
Diffstat (limited to 'src/client/views/search/CheckBox.scss')
-rw-r--r--src/client/views/search/CheckBox.scss77
1 files changed, 39 insertions, 38 deletions
diff --git a/src/client/views/search/CheckBox.scss b/src/client/views/search/CheckBox.scss
index e8e7708f4..af59d5fbf 100644
--- a/src/client/views/search/CheckBox.scss
+++ b/src/client/views/search/CheckBox.scss
@@ -11,48 +11,49 @@
justify-content: center;
align-items: center;
margin-top: 0px;
- }
- .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;
+ .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;
+ }
}
- .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;
+ .checkbox-title {
+ display: flex;
+ align-items: center;
+ text-transform: capitalize;
+ margin-left: 15px;
}
}
-.checkbox-title {
- display: flex;
- align-items: center;
- text-transform: capitalize;
- margin-left: 15px;
-} \ No newline at end of file