yogsototh/brutcss
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

minor

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2022-09-27 15:55:36 +02:00
parent 575838f1a0
commit fcca77e222
Signed by untrusted user who does not match committer: yogsototh
GPG key ID: 7B19A4C650D59646
3 changed files with 41 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
brut.min.css vendored
View file

File diff suppressed because one or more lines are too long

72
h/docs.html
View file

@ -95,7 +95,7 @@
<div class="col c4"> <div class="col c4">
<div class="card"> <div class="card">
<h3>Big</h3> <h3>Big</h3>
<div class="col center"> <div class="col">
<a class="btn std big ">btn std</a> <a class="btn std big ">btn std</a>
<a class="btn std big info">btn std info</a> <a class="btn std big info">btn std info</a>
<a class="btn std big ok">btn std ok</a> <a class="btn std big ok">btn std ok</a>
@ -120,44 +120,50 @@
</div> </div>
<h1>Messages</h1> <h1>Messages</h1>
<div class="messages"> <div class="row">
<div class="msg"> <div class="col c6">
<strong>Normal Message</strong> <h2>Basic Messages</h2>
This is a normal message with <code>msg</code>. <div class="msg">
<strong>Normal Message</strong>
This is a normal message with <code>msg</code>.
</div>
<div class="msg info">
<strong><i class="ico">☞</i> Info</strong>
This is done by adding <code>info</code> to the class.
</div>
<div class="msg ok">
<strong><i class="ico">☑</i> OK</strong>
This is done by adding <code>ok</code> to the class.
</div>
<div class="msg warn">
<strong><i class="ico">☣</i> Warning</strong>
This is done by adding <code>warn</code> to the class.
</div>
<div class="msg err">
<strong><i class="ico">☒</i> Error</strong>
This is done by adding <code>err</code> to the class.
</div>
</div> </div>
<div class="msg info"> <div class="col c6">
<strong><i class="ico">☞</i> Info</strong> <h2>Strong Alerts</h2>
This is done by adding <code>info</code> to the class. <div class="msg attention">
</div> <strong>Attention</strong>
<div class="msg ok"> This is done by adding <code>attention</code> to the class.
<strong><i class="ico">☑</i> OK</strong> </div>
This is done by adding <code>ok</code> to the class. <div class="msg fatal">
</div> <strong><i class="ico">☣</i> Fatal</strong>
<div class="msg warn"> This is done by adding <code>fatal</code> to the class.
<strong><i class="ico">☣</i> Warning</strong> </div>
This is done by adding <code>warn</code> to the class. <div class="msg black">
</div> <strong>Black</strong>
<div class="msg err"> This is done by adding <code>black</code> to the class.
<strong><i class="ico">☒</i> Error</strong> </div>
This is done by adding <code>err</code> to the class.
</div>
<div class="msg attention">
<strong>Attention</strong>
This is done by adding <code>attention</code> to the class.
</div>
<div class="msg fatal">
<strong><i class="ico">☣</i> Fatal</strong>
This is done by adding <code>fatal</code> to the class.
</div>
<div class="msg black">
<strong>Black</strong>
This is done by adding <code>black</code> to the class.
</div> </div>
</div>
<pre>&lt;div class="msg"&gt; <pre>&lt;div class="msg"&gt;
&lt;strong&gt;Alert headline!&lt;/strong&gt; &lt;strong&gt;Alert headline!&lt;/strong&gt;
Message text Message text
&lt;/div&gt;</pre> &lt;/div&gt;</pre>
</div>
<div> <div>
<h1>Forms</h1> <h1>Forms</h1>

2
src/grid.less
View file

@ -10,7 +10,7 @@
.col { .col {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-evenly; justify-content: flex-start;
align-items: stretch; align-items: stretch;
flex-wrap: wrap; flex-wrap: wrap;
} }