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

🚧 WIP stuff

Browse source
This commit is contained in:
Steffo 2021-08-01 21:33:23 +02:00 committed by Stefano Pigozzi
parent 19694a745d
commit a2f5dc5866
9 changed files with 180 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

95
index.html
View file

@ -633,7 +633,7 @@
Ruby text Ruby text
</h3> </h3>
<p> <p>
A <dfn id="dfn-ruby">ruby</dfn> is a text with annotations either above or below the A <dfn id="dfn-ruby">ruby</dfn> is an inline element with annotations above the text.
</p> </p>
<p style="font-size: xx-large;"> <p style="font-size: xx-large;">
<ruby> <ruby>
@ -678,6 +678,99 @@
</div> </div>
</section> </section>
</section> </section>
<section class="chapter" id="chapter-semantics">
<h2>
Semantics
</h2>
<section class="panel panel-box">
<h3>
Semantics
</h3>
<p>
A <dfn id="dfn-semantic">semantic</dfn> is an inline element having a specific meaning defined by the HTML specification.
</p>
<p>
Here's the full list of them:
</p>
<ul>
<li>
<p>
<abbr>Abbreviation</abbr>
</p>
</li>
<li>
<p>
<b>Bring Attention</b>
</p>
</li>
<li>
<p>
<cite>Citation</cite>
</p>
</li>
<li>
<p>
<code>Inline Code</code>
</p>
</li>
<li>
<p>
<dfn>Definition</dfn>
</p>
</li>
<li>
<p>
<em>Emphasis</em>
</p>
</li>
<li>
<p>
<i>Idiomatic Text</i>
</p>
</li>
<li>
<p>
<mark>Mark Text</mark>
</p>
</li>
<li>
<p>
<q>Inline Quotation</q>
</p>
</li>
<li>
<p>
<s>Strikethrough</s>
</p>
</li>
<li>
<p>
<samp>Sample Output</samp>
</p>
</li>
<li>
<p>
<small>Side Comment</small>
</p>
</li>
<li>
<p>
<strong>Strong Importance</strong>
</p>
</li>
<li>
<p>
<u>Unarticulated Annotation</u>
</p>
</li>
<li>
<p>
<var>Variable</var>
</p>
</li>
</ul>
</section>
</section>
<section class="chapter" id="chapter-colors"> <section class="chapter" id="chapter-colors">
<h2> <h2>
Colors Colors

25
src/rules/skeleton.less vendored
View file

@ -1040,11 +1040,13 @@
/// Semantics are special font effects applied to text with a certain meaning. /// Semantics are special font effects applied to text with a certain meaning.
@{semantic-abbr} { @{semantic-abbr} {
cursor: help;
text-decoration: underline 1px dotted currentColor;
} }
@{semantic-b} { @{semantic-b} {
font-weight: 500;
color: @rgb-accent;
} }
@{semantic-cite} { @{semantic-cite} {
@ -1052,15 +1054,12 @@
} }
@{semantic-code} { @{semantic-code} {
.use-var-font(bluelib-code);
}
@{semantic-data} {
} }
@{semantic-dfn} { @{semantic-dfn} {
color: @rgb-accent;
font-style: italic;
} }
@{semantic-em} { @{semantic-em} {
@ -1076,7 +1075,8 @@
} }
@{semantic-mark} { @{semantic-mark} {
background-color: @c2;
color: @cC;
} }
@{semantic-q} { @{semantic-q} {
@ -1096,11 +1096,8 @@
} }
@{semantic-strong} { @{semantic-strong} {
font-weight: 800;
} color: @rgb-accent;
@{semantic-time} {
} }
@{semantic-u} { @{semantic-u} {

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

@ -1 +1 @@
{"version":3,"sources":["/mnt/tera/ext4/code/bluelib/src/rules/paper.less","/mnt/tera/ext4/code/bluelib/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/bluelib/src/vars/root.less","/mnt/tera/ext4/code/bluelib/src/utils/mixins.less","/mnt/tera/ext4/code/bluelib/src/rules/paper.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;ECgBA,sBAAA;EDWA,kCAAA;EACA,4BAAA;EADA,iCAAA;EACA,6BAAA;EADA,gCAAA;EACA,6BAAA","file":"paper.root.css"}

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

@ -529,6 +529,36 @@
--bluelib-color-b: 77; --bluelib-color-b: 77;
border-color: #FFCC4D; border-color: #FFCC4D;
} }
.bluelib abbr,
.bluelib .semantic-abbr {
cursor: help;
text-decoration: underline 1px dotted currentColor;
}
.bluelib b,
.bluelib .semantic-b {
font-weight: 500;
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));
}
.bluelib code,
.bluelib .semantic-code {
font-family: var(--bluelib-code-family);
font-weight: var(--bluelib-code-weight);
}
.bluelib dfn,
.bluelib .semantic-dfn {
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));
font-style: italic;
}
.bluelib mark,
.bluelib .semantic-mark {
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.2);
color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 20)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 20)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 20)), 1);
}
.bluelib strong,
.bluelib .semantic-strong {
font-weight: 800;
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));
}
.bluelib .color-red { .bluelib .color-red {
--bluelib-color-r: var(--bluelib-red-r); --bluelib-color-r: var(--bluelib-red-r);
--bluelib-color-g: var(--bluelib-red-g); --bluelib-color-g: var(--bluelib-red-g);

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

File diff suppressed because one or more lines are too long

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

@ -2220,6 +2220,48 @@ body .todo,
--bluelib-color-b: 77; --bluelib-color-b: 77;
border-color: #FFCC4D; border-color: #FFCC4D;
} }
body abbr,
.bluelib abbr,
body .semantic-abbr,
.bluelib .semantic-abbr {
cursor: help;
text-decoration: underline 1px dotted currentColor;
}
body b,
.bluelib b,
body .semantic-b,
.bluelib .semantic-b {
font-weight: 500;
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));
}
body code,
.bluelib code,
body .semantic-code,
.bluelib .semantic-code {
font-family: var(--bluelib-code-family);
font-weight: var(--bluelib-code-weight);
}
body dfn,
.bluelib dfn,
body .semantic-dfn,
.bluelib .semantic-dfn {
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));
font-style: italic;
}
body mark,
.bluelib mark,
body .semantic-mark,
.bluelib .semantic-mark {
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.2);
color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 20)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 20)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 20)), 1);
}
body strong,
.bluelib strong,
body .semantic-strong,
.bluelib .semantic-strong {
font-weight: 800;
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));
}
body .color-red, body .color-red,
.bluelib .color-red { .bluelib .color-red {
--bluelib-color-r: var(--bluelib-red-r); --bluelib-color-r: var(--bluelib-red-r);

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

File diff suppressed because one or more lines are too long

2
src/vars/module.less
View file

@ -64,7 +64,6 @@
@semantic-b: ~"b, .semantic-b"; @semantic-b: ~"b, .semantic-b";
@semantic-cite: ~"cite, .semantic-cite"; @semantic-cite: ~"cite, .semantic-cite";
@semantic-code: ~"code, .semantic-code"; @semantic-code: ~"code, .semantic-code";
@semantic-data: ~"data, .semantic-data";
@semantic-dfn: ~"dfn, .semantic-dfn"; @semantic-dfn: ~"dfn, .semantic-dfn";
@semantic-em: ~"em, .semantic-em"; @semantic-em: ~"em, .semantic-em";
@semantic-i: ~"i, .semantic-i"; @semantic-i: ~"i, .semantic-i";
@ -75,7 +74,6 @@
@semantic-samp: ~"samp, .semantic-samp"; @semantic-samp: ~"samp, .semantic-samp";
@semantic-small: ~"small, .semantic-small"; @semantic-small: ~"small, .semantic-small";
@semantic-strong: ~"strong, .semantic-strong"; @semantic-strong: ~"strong, .semantic-strong";
@semantic-time: ~"time, .semantic-time";
@semantic-u: ~"u, .semantic-u"; @semantic-u: ~"u, .semantic-u";
@semantic-var: ~"var, .semantic-var"; @semantic-var: ~"var, .semantic-var";

2
src/vars/root.less
View file

@ -65,7 +65,6 @@
@semantic-b: ~"b, .semantic-b"; @semantic-b: ~"b, .semantic-b";
@semantic-cite: ~"cite, .semantic-cite"; @semantic-cite: ~"cite, .semantic-cite";
@semantic-code: ~"code, .semantic-code"; @semantic-code: ~"code, .semantic-code";
@semantic-data: ~"data, .semantic-data";
@semantic-dfn: ~"dfn, .semantic-dfn"; @semantic-dfn: ~"dfn, .semantic-dfn";
@semantic-em: ~"em, .semantic-em"; @semantic-em: ~"em, .semantic-em";
@semantic-i: ~"i, .semantic-i"; @semantic-i: ~"i, .semantic-i";
@ -76,7 +75,6 @@
@semantic-samp: ~"samp, .semantic-samp"; @semantic-samp: ~"samp, .semantic-samp";
@semantic-small: ~"small, .semantic-small"; @semantic-small: ~"small, .semantic-small";
@semantic-strong: ~"strong, .semantic-strong"; @semantic-strong: ~"strong, .semantic-strong";
@semantic-time: ~"time, .semantic-time";
@semantic-u: ~"u, .semantic-u"; @semantic-u: ~"u, .semantic-u";
@semantic-var: ~"var, .semantic-var"; @semantic-var: ~"var, .semantic-var";