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

added changes (i dont remember what i did)

Browse Source
This commit is contained in:
steevLP
2021-03-05 01:14:28 +01:00
parent 9eefe69f1c
commit 532d157d97
9 changed files with 97 additions and 1257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
dist/index.html vendored
View File

@ -1,91 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sass test</title>
<link rel="stylesheet" href="/dist/9fe7b1b7e5e98c2e3a4ea4f053439023.css">
</head>
<body>
<header>
<h1 class="nav-logo">Logo</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="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
</ul>
</nav>
</header>
<main>
<div class="container">
<pre style="margin: 0;" class="code">
<code>
<h1>test</h1>
code here, escape it yourself.
</code>
</pre>
<pre>
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sass test</title> <link rel="stylesheet" href="/dist/ef19487056b129c8f3eda17f9543ab70.css"> </head> <body> <header> <h1 class="nav-logo">Logo</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="#">Test</a></li> <li><a href="#">Test</a></li> <li><a href="#">Test</a></li> <li><a href="#">Test</a></li> <li><a href="#">Test</a></li> </ul> </nav> </header> <main> <div class="container"> <div class="embed"> <h1>test</h1> <hr> <p>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</p> </div> <pre>
<code>
<h1>test</h1>
code here, escape it yourself.
<h2>test</h2>
</code>
</pre>
<h1 style="text-align: center;">Alert Elements</h1>
<div class="alert-primary"> test </div><br>
<div class="alert-danger"> test </div><br>
<div class="alert-warning"> test </div><br>
<div class="alert-success"> test </div>
<br>
<h1 style="text-align: center;">Notification Elements</h1>
<div class="notification-primary">
<h2>ein kleiner test satz</h2>
<span class="notification-body">Funktion test des objektes</span>
</div>
<br>
<div class="notification-danger">
<h2>ein kleiner test satz</h2>
<span class="notification-body">Funktion test des objektes</span>
</div>
<br>
<div class="notification-warning">
<h2>ein kleiner test satz</h2>
<span class="notification-body">Funktion test des objektes</span>
</div>
<br>
<div class="notification-success">
<h2>ein kleiner test satz</h2>
<span class="notification-body">Funktion test des objektes</span>
</div>
<br>
<h1 style="text-align: center;">CSS Grid</h1>
<div class="row">
<div class="col-12 display"><h1>12</h1></div>
<div class="col-11 display"><h1>11</h1></div>
<div class="col-1 display"><h1>1</h1></div>
<div class="col-10 display"><h1>10</h1></div>
<div class="col-2 display"><h1>2</h1></div>
<div class="col-9 display"><h1>9</h1></div>
<div class="col-3 display"><h1>3</h1></div>
<div class="col-8 display"><h1>8</h1></div>
<div class="col-4 display"><h1>4</h1></div>
<div class="col-7 display"><h1>7</h1></div>
<div class="col-5 display"><h1>5</h1></div>
<div class="col-6 display"><h1>6</h1></div>
<div class="col-6 display"><h1>6</h1></div>
</div>
</div>
</main>
<br><br><br>
<br><br><br>
<script src="/dist/2d47c8cd43d85995abf14afd917c8434.js"></script>
</body>
</html>
</pre> <h1 style="text-align:center">Alert Elements</h1> <div class="alert-primary"> test </div><br> <div class="alert-danger"> test </div><br> <div class="alert-warning"> test </div><br> <div class="alert-success"> test </div> <br> <h1 style="text-align:center">Notification Elements</h1> <div class="notification-primary"> <h2>ein kleiner test satz</h2> <span class="notification-body">Funktion test des objektes</span> </div> <br> <div class="notification-danger"> <h2>ein kleiner test satz</h2> <span class="notification-body">Funktion test des objektes</span> </div> <br> <div class="notification-warning"> <h2>ein kleiner test satz</h2> <span class="notification-body">Funktion test des objektes</span> </div> <br> <div class="notification-success"> <h2>ein kleiner test satz</h2> <span class="notification-body">Funktion test des objektes</span> </div> <br> <h1 style="text-align:center">CSS Grid</h1> <div class="row"> <div class="col-12 display"><h1>12</h1></div> <div class="col-11 display"><h1>11</h1></div> <div class="col-1 display"><h1>1</h1></div> <div class="col-10 display"><h1>10</h1></div> <div class="col-2 display"><h1>2</h1></div> <div class="col-9 display"><h1>9</h1></div> <div class="col-3 display"><h1>3</h1></div> <div class="col-8 display"><h1>8</h1></div> <div class="col-4 display"><h1>4</h1></div> <div class="col-7 display"><h1>7</h1></div> <div class="col-5 display"><h1>5</h1></div> <div class="col-6 display"><h1>6</h1></div> <div class="col-6 display"><h1>6</h1></div> </div> </div> </main> <br><br><br> <br><br><br> <script src="/dist/33f23c9be750d12cdb4f825c7658d390.js"></script> </body> </html>