heyarviind

<form action="https://form.uisuite.io/<your-form-id>" method="post">
  <input name="name" type="text">
  <input name="email" type="email">
  <input name="phone" type="number">
  <button type="submit">Submit</button>
</form>

heyarviind

input{
  display:none;
  overflow: hidden;

  &:checked + label{
    padding: 6px 10px 6px 10px;
    overflow: hidden;
    border-color: transparent;

    .dot{

heyarviind

<div class="green">
  <input type="checkbox" id="el">
  <label for="el" class="unselectable">
    <span class="dot"></span>
    Apple
  </label>
</div>

heyarviind

.uic-wrapper{
  perspective: 500px;
  perspective-origin: 50% -30%;
  
  ul{
    li{
      .cards-wrapper{
        .card-front{
          position: relative;
          z-index: 3;

heyarviind

<div class="uic-wrapper no-touch">
      <ul>
        <li>
          <ul class="cards-wrapper">
            <li class="card card-front"></li>
            <li class="card card-middle"></li>
            <li class="card card-back"></li>
            <li class="card card-out"></li>
            <!-- <li class="card card-out"></li> -->
          </ul>