Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

ReviewQuote.styled.js 1004B

123456789101112131415161718192021222324252627282930313233343536
  1. import { Box, Grid, Typography } from "@mui/material";
  2. import styled from "styled-components";
  3. import selectedTheme from "../../../../themes";
  4. import ThumbUpIcon from "@mui/icons-material/ThumbUp";
  5. import ThumbDownIcon from "@mui/icons-material/ThumbDown";
  6. export const ReviewQuoteContainer = styled(Box)`
  7. position: relative;
  8. padding-top: 2px;
  9. padding-bottom: 2px;
  10. margin: 0;
  11. display: flex;
  12. flex-direction: row;
  13. margin-top: 18px;
  14. align-items: center;
  15. justify-content: start;
  16. margin-bottom: 15px;
  17. `;
  18. export const ThumbContainer = styled(Grid)`
  19. max-width: 20px;
  20. `;
  21. export const ReviewQuoteTextContainer = styled(Grid)``;
  22. export const ReviewQuoteText = styled(Typography)`
  23. font-family: ${selectedTheme.fonts.textFont};
  24. font-size: 16px;
  25. color: ${selectedTheme.colors.primaryDarkText};
  26. position: relative;
  27. left: 10px;
  28. `;
  29. export const ThumbUp = styled(ThumbUpIcon)`
  30. position: relative;
  31. `;
  32. export const ThumbDown = styled(ThumbDownIcon)`
  33. position: relative;
  34. top: 3px;
  35. `;