React.js, html and css

Community feedback

• 

  Cyril•125

  @cyrilsourcePosted almost 4 years ago

  Hello Kacper

  I don't really know React js. I used Vue js for the exercie but my css for the checkboxes circles [All my code here] (https://github.com/cyrilsource/Frontend-Mentor-Todo-app) and the results

  cheers

  .circle {
    width: 25px;
    height: 25px;
    position: relative;
    margin-right: 1rem;
    border-radius: 50%;
    background: linear-gradient(120deg, #57ddff, #c058f3);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
  }
  .circle.sun:after {
    border: 1px solid #d2d3db;
    border-radius: inherit;
    background-color: #fafafa;
  }
  .circle.moon:after,
  .circle.sun:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .circle.moon:after {
    border: 1px solid #4d5066;
    border-radius: inherit;
    background-color: #25273c;
  }
  .circle:hover.circle,
  .circle:hover:after {
    border:
   1px solid transparent;
  }
  

  1

  ---

  

  Kacper•205

  @gacburPosted almost 4 years ago

  Thank you so much! :)

  0