Steev/steevcss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
steevLP
2022-03-20 13:41:15 +01:00
committed by GitHub
parent 256aa7a981
commit a725faa01c
7 changed files with 945 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
index.html Normal file
View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>steevcss</title>
<link rel="stylesheet" href="https://steevlp.github.io/steevcss/dist/steevcss.bundled.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/styles/default.min.css">
</head>
<body>
<header style="box-shadow: 0 2px 0px rgba(0, 0, 0, 0.356);">
<h1 class="nav-logo">SteevCSS</h1>
<input id="nav-toggle" type="checkbox" class="nav-toggle">
<label for="nav-toggle" class="nav-toggle-label">
<span></span>
</label>
<nav>
<ul>
<li><a href="/steevcss/">Home</a></li>
<li><a href="/steevcss/docs/index.html">DOCS</a></li>
</ul>
</nav>
</header>
<div class="embed" style="border-radius: 0; background-color: #3498db; color: white; padding: 2%;box-shadow: 0 2px 0px rgba(0, 0, 0, 0.356);">
<div class="container" style="text-align: center;">
<h1>SteevCSS</h1>
<p>A simple lightweight Web Development Library, written in SASS and JavaScript</p>
</div>
</div>
<br>
<div class="container">
<div class="row">
<div class="col-2"></div>
<div class="col-8">
<h1>SteevCSS to boost your web design process</h1>
<p>With premade and customizable elements such as the embed or alert elements, this library helps you with your first steps when starting your new web app. SteevCSS is written so you have to barely use CSS to change colors and that's it</p>
</div>
<div class="col-2"></div>
</div>
<div class="row">
<div class="col-1"></div>
<div class="col-10">
<h1>Usage</h1>
<p>You can use SteevCSS by either using the hosted version or by getting it from the <a target="_blank" class="link" href="https://github.com/steevLP/steevcss/releases">releases</a> tab on <a target="_blank" class="link" href="https://github.com/steevLP/steevcss">Github</a></p>
<pre>
<code class="language-html">
<link rel="stylesheet" href="https://steevlp.github.io/steevcss/dist/steevcss.bundled.min.css">
<!-- <script src="https://steevlp.github.io/steevcss/dist/steevcss.js"></script> -->
</code>
</pre>
Due to an issue that only should appear when displaying code, the script tag for the optional Javascript file is commented out, if you are using it, don't add it as a comment.
</div>
<div class="col-1"></div>
</div>
</div>
<script src="https://steevlp.github.io/steevcss/dist/steevcss.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</body>
</html>