clealyrun - CSS

Introduction

Clealyrun is a CSS library that helps developers create responsive and modern designs for their websites. With Clealyrun, developers can easily create grids, typography, buttons, forms, and more.

Features

1. Responsive Grids

Clealyrun provides an easy-to-use, responsive grid system that allows you to create flexible layouts quickly. You can choose from a variety of column and gutter widths to ensure that your design looks great on any device.

<div class="my-row"> 
   <div class="my-col-6"> 
     ...
   </div> 
   <div class="my-col-6"> 
     ...
   </div> 
</div> 

2. Customizable Typography

Whether you want to use a classic serif font or a modern sans-serif font, Clealyrun has got you covered. You can choose from several Google Fonts and adjust the font size, weight, and line height to create the perfect typography for your website.

.my-text { 
   font-family: 'Montserrat', sans-serif; 
   font-size: 1.5rem; 
   line-height: 1.5; 
   font-weight: 400; 
} 

3. Stylish Buttons

Clealyrun provides a set of stylish and customizable buttons that help to enhance the user experience. You can choose from several styles, including flat, raised, and outlined, and adjust the size, color, and font to match your website's theme.

<button class="my-btn my-btn-flat my-btn-lg my-btn-primary"> Click Here </button> 

4. Easy-to-use Forms

Forms are an essential part of any website, and Clealyrun makes it easy to create beautiful and functional forms with just a few lines of code. You can choose from several form styles, including inline, stacked, and horizontal, and customize the form elements to match your website's design.

<form class="my-form my-form-horizontal"> 
   <div class="my-form-group"> 
      <label for="name"> Name </label> 
      <input type="text" id="name" name="name" class="my-form-control"> 
   </div> 
   <div class="my-form-group"> 
      <label for="email"> Email </label> 
      <input type="email" id="email" name="email" class="my-form-control"> 
   </div> 
   <div class="my-form-group"> 
      <button type="submit" class="my-btn my-btn-primary"> Submit </button> 
   </div> 
</form> 

Conclusion

Clealyrun is a powerful CSS library that helps developers create beautiful and responsive designs quickly. With its easy-to-use grid system, customizable typography, stylish buttons, and easy-to-use forms, Clealyrun is an excellent choice for any web developer.