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 | |
|---|
| 1 | import styled from "styled-components";
|
|---|
| 2 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|---|
| 3 |
|
|---|
| 4 | export 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 |
|
|---|
| 13 | export const OpinionCardContent = styled.div`
|
|---|
| 14 | padding: 5px;
|
|---|
| 15 | transition: 0.5s;
|
|---|
| 16 | &:hover {
|
|---|
| 17 | background-color: seashell;
|
|---|
| 18 | }
|
|---|
| 19 | position: relative;
|
|---|
| 20 | `;
|
|---|
| 21 |
|
|---|
| 22 | export const OpinionCardContentTitle = styled.p`
|
|---|
| 23 | font-weight: bold;
|
|---|
| 24 | `;
|
|---|
| 25 |
|
|---|
| 26 | export const OpinionCardContentTime = styled.p`
|
|---|
| 27 | font-size: small;
|
|---|
| 28 | font-style: italic;
|
|---|
| 29 | `;
|
|---|
| 30 |
|
|---|
| 31 | export 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 |
|
|---|
| 39 | export const OpinionReplyCardContent = styled.div`
|
|---|
| 40 | padding: 5px;
|
|---|
| 41 | transition: 0.5s;
|
|---|
| 42 | &:hover {
|
|---|
| 43 | background-color: seashell;
|
|---|
| 44 | }
|
|---|
| 45 | position: relative;
|
|---|
| 46 | `;
|
|---|
| 47 |
|
|---|
| 48 | export const OpinionReplyCardContentTime = styled.p`
|
|---|
| 49 | font-size: small;
|
|---|
| 50 | font-style: italic;
|
|---|
| 51 | `;
|
|---|
| 52 |
|
|---|
| 53 | export 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.
