Skip to content

hynekfisera/solve

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 

Repository files navigation

Solve UI

About

Solve is a new CSS Framework for Front-End development. It contains styles for the most useful html tags - for example headings, links, paragraphs, tables, lists, navbar, buttons, inputs and more.

How to use

Importing solve.css

Download solve.css file and link it with your HTML document in the <head> tag.

<link rel="stylesheet" href="solve.css">

Applying styles

Headings

<h1>You don't need any classes for headings</h1>

Links

<a href="#">You don't need any classes for links</a>

Tables

<table>
  <tr>
    <th>You</th>
    <th>Don't</th>
    <th>Need</th>
  </tr>
  <tr>
    <td>Any</td>
    <td>Classes</td>
    <td>For</td>
  </tr>
  <tr>
    <td>Styling</td>
    <td>The</td>
    <td>Tables</td>
  </tr>
</table>

Inputs

<input type="text" placeholder="No class needed!">

Buttons

<button class="btn-primary">Use btn-primary class for Primary Button!</button>
<button class="btn-secondary">Use btn-secondary class for Primary Button!</button>

Navbar

<header class="navbar">
 <a href="#">
  <h5>Logo</h5>
 </a>
 <nav>
  <ul class="navbar-links">
    <li><a href="#">Menu Item 1</a></li>
    <li><a href="#">Menu Item 2</a></li>
    <li><a href="#">Menu Item 3</a></li>
  </ul>
 </nav>
 <a href="#"><button class="btn-primary">CTA Button</button></a>
</header>

View Solve

View Solve here

About

Front-End CSS Framework

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages