gph-html snippets

Kotlin Code snippet

        label {
            selectorAs("check-label") {
                padding.top += 20.px
                font_size += 30.px
                color += white
                float += right
                line_height += 80.px
                margin.right += 40.px
                declarations["cursor"] = "pointer"
                display += block
                large {
                    display += none
                }
            }
            attributes["for"] = "check"
            i("fas fa-bars")
        }

Resulting css

      .check-label {
        margin-right: 40px;
        padding-top: 20px;
        font-size: 30px;
        color: white;
        float: right;
        line-height: 80px;
        cursor: pointer;
        display: block;
      }
@media only screen and (min-width: 992px) {
    .check-label {
      display: none;
     }
   }

Resulting Html

      <label class="check-label" for="check">
        <i class="fas fa-bars">
        </i>
      </label>