A Pen by Constantine Karnauhov

Thumbnail
This awesome code was written by hustlahusky, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright hustlahusky ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Constantine Karnauhov</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.38/css/uikit.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <section class="Main uk-container uk-container-center">
  <form class="uk-grid-small" uk-grid>
      <div class="uk-width-1-2@s">
          <input class="uk-input" type="text" placeholder="50">
      </div>
      <div class="uk-width-1-4@s">
          <input class="uk-input" type="text" placeholder="25">
      </div>
      <div class="uk-width-1-4@s">  
        <button class="uk-button uk-button-default" type="button">Submit</button>
      </div>
  </form>
</section>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.38/js/uikit.min.js'></script>

  

</body>

</html>

/*Downloaded from https://www.codeseek.co/hustlahusky/a-pen-by-constantine-karnauhov-qpLwYV */
.Main {
  padding: 50px 0;
}
.uk-button,
.uk-input,
.uk-select,
.uk-textarea,
.uk-radio,
.uk-checkbox {
  transition-property: color, background-color, border-color, box-shadow;
}
.uk-button:focus,
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus,
.uk-radio:focus,
.uk-checkbox:focus {
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

Comments