diff options
| author | Monika <monika_hedman@brown.edu> | 2019-06-24 20:39:38 -0400 |
|---|---|---|
| committer | Monika <monika_hedman@brown.edu> | 2019-06-24 20:39:38 -0400 |
| commit | 469b070c1c0f5a9d08e7824a4ce430b84f3fcce5 (patch) | |
| tree | 569303c7f5a6b8e2b6326a38961e98ed487d967d /src/client/views/search/CheckBox.scss | |
| parent | 329565c35729f5171de9efa30f36e6b4e0714101 (diff) | |
end of day 6/24
Diffstat (limited to 'src/client/views/search/CheckBox.scss')
| -rw-r--r-- | src/client/views/search/CheckBox.scss | 77 |
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 |
