aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/SearchBox.scss
diff options
context:
space:
mode:
authormadelinegr <monika_hedman@brown.edu>2019-06-10 15:45:12 -0400
committermadelinegr <monika_hedman@brown.edu>2019-06-10 15:45:12 -0400
commit3655e529eef051e3d68f6e9c242d320be9b32906 (patch)
tree623c79d092fd17f05126a86c26aa9a98374f0fd3 /src/client/views/SearchBox.scss
parent89b560153d6cb987602a13397c019845143ee70d (diff)
end of day 6/10 eek
Diffstat (limited to 'src/client/views/SearchBox.scss')
-rw-r--r--src/client/views/SearchBox.scss135
1 files changed, 0 insertions, 135 deletions
diff --git a/src/client/views/SearchBox.scss b/src/client/views/SearchBox.scss
deleted file mode 100644
index 91d17d001..000000000
--- a/src/client/views/SearchBox.scss
+++ /dev/null
@@ -1,135 +0,0 @@
-@import "globalCssVariables";
-
-.searchBox-bar {
- height: 32px;
- display: flex;
- justify-content: flex-end;
- align-items: center;
- padding-left: 2px;
- padding-right: 2px;
-
- .searchBox-input {
- width: 130px;
- -webkit-transition: width 0.4s;
- transition: width 0.4s;
- align-self: stretch;
- }
-
- .searchBox-input:focus {
- width: 500px;
- outline: 3px solid lightblue;
- }
-
- .searchBox-barChild {
- flex: 0 1 auto;
- margin-left: 2px;
- margin-right: 2px;
- }
-
- .searchBox-filter {
- align-self: stretch;
- }
-
-}
-
-.searchBox-results {
- margin-left: 27px; //Is there a better way to do this?
-}
-
-.filter-form {
- background: $dark-color;
- height: 400px;
- position: relative;
- right: 1px;
- color: $light-color;
- flex-direction: column;
-}
-
-#filter{
- padding: 25px;
- width: 600px;
-}
-
-#header {
- text-transform: uppercase;
- letter-spacing: 2px;
- font-size: 25;
- height: 40px;
-}
-
-#option {
- height: 20px;
-}
-
-.searchBox-results {
- top: 300px;
- display: flex;
- flex-direction: column;
- margin-right: 72px;
-}
-
-.type-of-node{
- height: 50px;
-
- .icon-bar{
- display: flex;
- justify-content: space-evenly;
- align-items: center;
- height: 40px;
- width: 100%;
- flex-wrap: wrap;
- font-size: 2em;
- }
-
- .type-icon{
- height: 50px;
- width: 50px;
- color: $light-color;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
- background-color: "#121721";
- }
-
- .fontawesome-icon{
- height: 28px;
- width: 28px;
- }
-
- .type-icon:hover{
- background-color: $alt-accent;
- }
-
-}
-
-.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: 100px;
- text-align: center;
- }
-}
-
-.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