LEE.SOL

Daily Targets (260211)

<p><p s>
<style>
  &>*{
    background: #49C85B
  }

  p {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 140px;
    height: 140px;
    transform: translate(-50%, -50%);
    border: 20px solid #30230A;
    border-radius: 50%;
    margin: 0;

    &::after {
      /* 원 중앙 세로선 표현 */
      content: '';
      position: absolute;
      top: -30px;
      bottom: -30px;
      left: 50%;
      width: 20px;
      background: #49C85B;
      transform: translateX(-50%)
    }
  }

  [s] {
    width: 60;
    height: 60;
    border-color: #fff;

    &::before {
      /* 원 중앙 가로선 표현 */
      content: '';
      position: absolute;
      left: -30px;
      right: -30px;
      top: 50%;
      height: 20px;
      background: #49C85B;
      transform: translateY(-50%)
    }
  }
</style>