{"size": 1740, "ext": "js", "max_stars_repo_path": "the-homepage/src/styles/greeting.js", "max_stars_repo_name": "GiorgosTagkoulis/Homepage", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "the-homepage/src/styles/greeting.js", "max_issues_repo_name": "GiorgosTagkoulis/Homepage", "max_issues_repo_issues_event_min_datetime": "2020-04-29T14:06:30.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T03:53:31.000Z", "max_forks_repo_path": "the-homepage/src/styles/greeting.js", "max_forks_repo_name": "HelgaWen/Peppers_chrome_extension", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 11, "max_forks_count": null, "avg_line_length": 22.5974025974, "max_line_length": 123, "alphanum_fraction": 0.6298850575}
import styled, { css } from "styled-components";

const GreetingWrapper = styled.div`
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 20px;
  margin: 5px 0 10px 0;
`;

const GreetingLine = styled.div`
  z-index: 1;
  width: 5px;
  height: 100px;
  margin-right: 10px;
  margin-top: 12px;
  transform-origin: top;

  ${props =>
    props.theme.name === "dark" &&
    css`
      background: #47cd93;
      background: linear-gradient(
        to bottom,
        ${props => props.theme.color} 0%,
        #24c285 0%,
        #337556 52%,
        ${props => props.theme.background} 100%
      );
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47cd93', endColorstr='#364154', GradientType=0 );
    `}

  ${props =>
    props.theme.name === "light" &&
    css`
    background: linear-gradient(
      to bottom,
      ${props => props.theme.placeholderColor} 0%,
      rgba(255,140,159,1) 30%, 
      rgba(255,184,196,1) 61%, 
      rgba(255,189,198,1) 81%, 
      ${props => props.theme.background} 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6c84', endColorstr='#bcbec0', GradientType=1 );
    `}
`;

const GreetingText = styled.p`
  margin: 0.5% 0px 0px 0px;
  font-size: 4rem;
  font-weight: 400;
  ${props =>
    props.theme.name === "light" &&
    css`
      color: ${props => props.theme.placeholderColor};
    `}
`;

const GreetingTextAndClockContainer = styled.div`
  display: flex;
  flex-direction: column;
`;

const ClockWrapper = styled.div`
  display: flex;
  justify-content: flex-start;
  font-size: 1.7rem;
  padding-left: 10px;
`;

export {
  GreetingWrapper,
  GreetingLine,
  GreetingText,
  GreetingTextAndClockContainer,
  ClockWrapper
};
