steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 11:34:21 +00:00
Code Activity

✨ Add @list elements

Browse source
This commit is contained in:
Steffo 2021-08-13 22:34:14 +02:00
parent da18e9ba73
commit db2eecb26a
Signed by: steffo
GPG key ID: 6965406171929D01
9 changed files with 169 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

117
index.html
View file

@ -346,6 +346,61 @@
</table> </table>
</section> </section>
</section> </section>
<section class="chapter" id="chapter-lists">
<h2>
Lists
</h2>
<section class="panel panel-box" id="panel-list-unordered">
<h3>
Unordered lists
</h3>
<p>
An <dfn id="dfn-list-unordered">unordered list</dfn> displays a series of items whose order is irrelevant.
</p>
<ul>
<li>This</li>
<li>That</li>
<li>Wooper</li>
<li>Quagsire</li>
</ul>
</section>
<section class="panel panel-box" id="panel-list-ordered">
<h3>
Ordered lists
</h3>
<p>
A <dfn id="dfn-list-ordered">ordered list</dfn> displays a series of items whose order is relevant.
</p>
<ol>
<li>Gold</li>
<li>Silver</li>
<li>Bronze</li>
<li>Iron</li>
</ol>
</section>
<section class="panel panel-box" id="panel-list-description">
<h3>
Description lists
</h3>
<p>
A <dfn id="dfn-list-description">description list</dfn> displays a series of name-description pairs.
</p>
<dl>
<dt>
Key
</dt>
<dd>
Value
</dd>
<dt>
Other key
</dt>
<dd>
Other value
</dd>
</dl>
</section>
</section>
<section class="chapter" id="chapter-status"> <section class="chapter" id="chapter-status">
<h2> <h2>
Status Status
@ -793,81 +848,51 @@
<p> <p>
Here's the full list of them: Here's the full list of them:
</p> </p>
<ul> <ul class="list-gap-large">
<li> <li>
<p> <abbr>Abbreviation</abbr>
<abbr>Abbreviation</abbr>
</p>
</li> </li>
<li> <li>
<p> <b>Bring Attention</b>
<b>Bring Attention</b>
</p>
</li> </li>
<li> <li>
<p> <cite>Citation</cite>
<cite>Citation</cite>
</p>
</li> </li>
<li> <li>
<p> <code>Inline Code with <var>variable</var></code>
<code>Inline Code with <var>variable</var></code>
</p>
</li> </li>
<li> <li>
<p> <dfn>Definition</dfn>
<dfn>Definition</dfn>
</p>
</li> </li>
<li> <li>
<p> <em>Emphasis</em>
<em>Emphasis</em>
</p>
</li> </li>
<li> <li>
<p> <i>Idiomatic Text</i>
<i>Idiomatic Text</i>
</p>
</li> </li>
<li> <li>
<p> <mark>Mark Text</mark>
<mark>Mark Text</mark>
</p>
</li> </li>
<li> <li>
<p> <q>Inline Quotation</q>
<q>Inline Quotation</q>
</p>
</li> </li>
<li> <li>
<p> <s>Strikethrough</s>
<s>Strikethrough</s>
</p>
</li> </li>
<li> <li>
<p> <samp>Sample Output</samp>
<samp>Sample Output</samp>
</p>
</li> </li>
<li> <li>
<p> <small>Side Comment</small>
<small>Side Comment</small>
</p>
</li> </li>
<li> <li>
<p> <strong>Strong Importance</strong>
<strong>Strong Importance</strong>
</p>
</li> </li>
<li> <li>
<p> <u>Unarticulated Annotation</u>
<u>Unarticulated Annotation</u>
</p>
</li> </li>
<li> <li>
<p> <var>Variable</var>
<var>Variable</var>
</p>
</li> </li>
</ul> </ul>
</section> </section>

35
src/rules/skeleton.less vendored
View file

@ -656,6 +656,41 @@
color: @cF; color: @cF;
} }
/// ===== Lists =====
@{list} {
}
@{list-unordered} {
}
@{list-ordered} {
}
@{list-item} {
margin: 0.35rem 0;
&::marker {
color: @c5;
}
}
@{list-description-key} {
margin-top: 0.7rem;
margin-bottom: 0.35rem;
font-size: larger;
}
@{list-description-value} {
margin-top: 0.35rem;
margin-bottom: 0.7rem;
margin-left: 16px;
}
/// ===== Status ===== /// ===== Status =====
/// Status are classes that can be applied to elements to indicate that special interactions are available. /// Status are classes that can be applied to elements to indicate that special interactions are available.

2
src/targets/paper.root.css.map
View file

@ -1 +1 @@
{"version":3,"sources":["/mnt/tera/ext4/code/bluelib2/src/rules/paper.less","/mnt/tera/ext4/code/bluelib2/src/utils/mixins.less"],"names":[],"mappings":"AAAC;AAAM;ECCH,2BAAA;EACA,2BAAA;EACA,2BAAA;EAFA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAFA,sBAAA;EACA,sBAAA;EACA,sBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,sBAAA;EACA,wBAAA;EACA,wBAAA;EAFA,uBAAA;EACA,yBAAA;EACA,yBAAA;EAFA,oBAAA;EACA,kBAAA;EACA,kBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,mBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,mBAAA;EACA,qBAAA;EAFA,wBAAA;EACA,sBAAA;EACA,wBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;EDgBA,sBAAA;ECWA,kCAAA;EACA,4BAAA;EADA,iCAAA;EACA,6BAAA;EADA,gCAAA;EACA,6BAAA","file":"paper.root.css"} {"version":3,"sources":["/mnt/tera/ext4/code/bluelib2/src/utils/mixins.less","/mnt/tera/ext4/code/bluelib2/src/rules/paper.less"],"names":[],"mappings":"AAAC;AAAM;EACH,2BAAA;EACA,2BAAA;EACA,2BAAA;EAFA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAFA,sBAAA;EACA,sBAAA;EACA,sBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,sBAAA;EACA,wBAAA;EACA,wBAAA;EAFA,uBAAA;EACA,yBAAA;EACA,yBAAA;EAFA,oBAAA;EACA,kBAAA;EACA,kBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,mBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,mBAAA;EACA,qBAAA;EAFA,wBAAA;EACA,sBAAA;EACA,wBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;ECgBA,sBAAA;EDWA,kCAAA;EACA,4BAAA;EADA,iCAAA;EACA,6BAAA;EADA,gCAAA;EACA,6BAAA","file":"paper.root.css"}

16
src/targets/skeleton.module.css
View file

@ -287,6 +287,22 @@
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.22); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.22);
color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 50)), 1); color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 50)), 1);
} }
.bluelib .list-item {
margin: 0.35rem 0;
}
.bluelib .list-item::marker {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.505);
}
.bluelib .list-description-key {
margin-top: 0.7rem;
margin-bottom: 0.35rem;
font-size: larger;
}
.bluelib .list-description-value {
margin-top: 0.35rem;
margin-bottom: 0.7rem;
margin-left: 16px;
}
.bluelib .status-disabled { .bluelib .status-disabled {
opacity: 50%; opacity: 50%;
} }

2
src/targets/skeleton.module.css.map
View file

File diff suppressed because one or more lines are too long

28
src/targets/skeleton.root.css
View file

@ -393,6 +393,34 @@ body .table-mark,
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.22); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.22);
color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 50)), 1); color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 50)), 1);
} }
body li,
.bluelib li,
body .list-item,
.bluelib .list-item {
margin: 0.35rem 0;
}
body li::marker,
.bluelib li::marker,
body .list-item::marker,
.bluelib .list-item::marker {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.505);
}
body dt,
.bluelib dt,
body .list-description-key,
.bluelib .list-description-key {
margin-top: 0.7rem;
margin-bottom: 0.35rem;
font-size: larger;
}
body dd,
.bluelib dd,
body .list-description-value,
.bluelib .list-description-value {
margin-top: 0.35rem;
margin-bottom: 0.7rem;
margin-left: 16px;
}
body [disabled], body [disabled],
.bluelib [disabled], .bluelib [disabled],
body .status-disabled, body .status-disabled,

2
src/targets/skeleton.root.css.map
View file

File diff suppressed because one or more lines are too long

8
src/vars/module.less
View file

@ -37,6 +37,14 @@
@table-head: ~".table-head"; @table-head: ~".table-head";
@table-mark: ~".table-mark"; @table-mark: ~".table-mark";
@list: ~".list";
@list-unordered: ~".list-unordered";
@list-ordered: ~".list-ordered";
@list-definition: ~".list-definition";
@list-item: ~".list-item";
@list-description-key: ~".list-description-key";
@list-description-value: ~".list-description-value";
@status-disabled: ~".status-disabled"; @status-disabled: ~".status-disabled";
@input: ~'.input'; @input: ~'.input';

8
src/vars/root.less
View file

@ -38,6 +38,14 @@
@table-head: ~"table th, .table-head"; @table-head: ~"table th, .table-head";
@table-mark: ~".table-mark"; @table-mark: ~".table-mark";
@list: ~"ol, ul, dl, .list";
@list-unordered: ~"ul, .list-unordered";
@list-ordered: ~"ol, .list-ordered";
@list-description: ~"dl, .list-description";
@list-item: ~"li, .list-item";
@list-description-key: ~"dt, .list-description-key";
@list-description-value: ~"dd, .list-description-value";
@status-disabled: ~"[disabled], .status-disabled"; @status-disabled: ~"[disabled], .status-disabled";
@input: ~'@{input-field}, @{input-area}, @{input-select}, @{input-multiselect}, @{input-button}, @{input-checkbox}, @{input-radio}, .input'; @input: ~'@{input-field}, @{input-area}, @{input-select}, @{input-multiselect}, @{input-button}, @{input-checkbox}, @{input-radio}, .input';