main
Last change
on this file since 74b8c52 was ad40ec0, checked in by Viktor <mlviktor23@…>, 2 years ago |
styled professor page
|
-
Property mode
set to
100644
|
File size:
1.3 KB
|
Rev | Line | |
---|
[e958037] | 1 | import styled from "styled-components";
|
---|
[f5d4792] | 2 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
---|
[e958037] | 3 |
|
---|
| 4 | export const OpinionCard = styled.div`
|
---|
| 5 | background-color: papayawhip;
|
---|
[f5d4792] | 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;
|
---|
[e958037] | 29 | `;
|
---|
[5347491] | 30 |
|
---|
| 31 | export const OpinionReplyCard = styled.div`
|
---|
[f5d4792] | 32 | background-color: papayawhip;
|
---|
| 33 | width: auto;
|
---|
[5347491] | 34 | margin-left: ${(props) => props.indent};
|
---|
[f5d4792] | 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%);
|
---|
[ad40ec0] | 59 | right: ${(props) => props.right};
|
---|
| 60 | transition: 0.5s;
|
---|
| 61 | &:hover {
|
---|
| 62 | color: ${(props) => props.color};
|
---|
| 63 | }
|
---|
[5347491] | 64 | `;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.