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="card">
<h3>Big</h3>
<div class="col center">
<div class="col">
<a class="btn std big ">btn std</a>
<a class="btn std big info">btn std info</a>
<a class="btn std big ok">btn std ok</a>
@ -120,44 +120,50 @@
</div>
<h1>Messages</h1>
<div class="messages">
<div class="msg">
<strong>Normal Message</strong>
This is a normal message with <code>msg</code>.
<div class="row">
<div class="col c6">
<h2>Basic Messages</h2>
<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 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 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 class="col c6">
<h2>Strong Alerts</h2>
<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;
&lt;strong&gt;Alert headline!&lt;/strong&gt;
Message text
&lt;/div&gt;</pre>
</div>
<div>
<h1>Forms</h1>

2
src/grid.less
View file

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