source: reactapp/src/Components/Styled/OpinionCard.style.js@ 3e98cea

main
Last change on this file since 3e98cea was 3e98cea, checked in by unknown <mlviktor23@…>, 2 years ago

added SearchResults page, hide search dropdown when out of focus

  • Property mode set to 100644
File size: 1.3 KB
Line 
1import styled from "styled-components";
2import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
3
4export const OpinionCard = styled.div`
5 background-color: papayawhip;
6 width: auto;
7 margin-top: 20px;
8 margin-bottom: 20px;
9 padding: 10px;
10 border: 1px solid black;
11`;
12
13export const OpinionCardContent = styled.div`
14 padding: 5px;
15 transition: 0.5s;
16 &:hover {
17 background-color: seashell;
18 }
19 position: relative;
20`;
21
22export const OpinionCardContentTitle = styled.p`
23 font-weight: bold;
24`;
25
26export const OpinionCardContentTime = styled.p`
27 font-size: small;
28 font-style: italic;
29`;
30
31export const OpinionReplyCard = styled.div`
32 background-color: papayawhip;
33 width: auto;
34 margin-left: ${(props) => props.indent};
35 padding: 10px;
36 border-left: thick solid tan;
37`;
38
39export const OpinionReplyCardContent = styled.div`
40 padding: 5px;
41 transition: 0.5s;
42 &:hover {
43 background-color: seashell;
44 }
45 position: relative;
46`;
47
48export const OpinionReplyCardContentTime = styled.p`
49 font-size: small;
50 font-style: italic;
51`;
52
53export const StyledFontAwesomeIcon = styled(FontAwesomeIcon)`
54 color: darkgrey;
55 display: block;
56 position: absolute;
57 top: 50%;
58 transform: translateY(-50%);
59 right: ${(props) => props.right};
60 transition: 0.5s;
61 &:hover {
62 color: ${(props) => props.color};
63 }
64`;
Note: See TracBrowser for help on using the repository browser.