summaryrefslogtreecommitdiffstats
path: root/finished-application/frontend/components/styles/DropDown.js
diff options
context:
space:
mode:
Diffstat (limited to 'finished-application/frontend/components/styles/DropDown.js')
-rw-r--r--finished-application/frontend/components/styles/DropDown.js47
1 files changed, 0 insertions, 47 deletions
diff --git a/finished-application/frontend/components/styles/DropDown.js b/finished-application/frontend/components/styles/DropDown.js
deleted file mode 100644
index df86aee..0000000
--- a/finished-application/frontend/components/styles/DropDown.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import styled, { keyframes } from 'styled-components';
-
-const DropDown = styled.div`
- position: absolute;
- width: 100%;
- z-index: 2;
- border: 1px solid ${props => props.theme.lightgrey};
-`;
-
-const DropDownItem = styled.div`
- border-bottom: 1px solid ${props => props.theme.lightgrey};
- background: ${props => (props.highlighted ? '#f7f7f7' : 'white')};
- padding: 1rem;
- transition: all 0.2s;
- ${props => (props.highlighted ? 'padding-left: 2rem;' : null)};
- display: flex;
- align-items: center;
- border-left: 10px solid ${props => (props.highlighted ? props.theme.lightgrey : 'white')};
- img {
- margin-right: 10px;
- }
-`;
-
-const glow = keyframes`
- from {
- box-shadow: 0 0 0px yellow;
- }
-
- to {
- box-shadow: 0 0 10px 1px yellow;
- }
-`;
-
-const SearchStyles = styled.div`
- position: relative;
- input {
- width: 100%;
- padding: 10px;
- border: 0;
- font-size: 2rem;
- &.loading {
- animation: ${glow} 0.5s ease-in-out infinite alternate;
- }
- }
-`;
-
-export { DropDown, DropDownItem, SearchStyles };