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

🐛 Fix some module elements having side effects

Browse source
This commit is contained in:
Steffo 2021-08-24 04:32:47 +02:00
parent 48722dcbfa
commit ee3213e7c3
Signed by: steffo
GPG key ID: 6965406171929D01
3 changed files with 17 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -558,22 +558,17 @@
font-family: var(--bluelib-title-family);
font-weight: var(--bluelib-title-weight);
}
.bluelib a,
.bluelib .anchor {
text-decoration-line: underline;
text-decoration-thickness: 1px;
}
.bluelib a:focus-visible,
.bluelib .anchor:focus-visible {
text-decoration-thickness: 2px;
}
.bluelib a:hover,
.bluelib .anchor:hover,
.bluelib a:focus,
.bluelib .anchor:focus {
color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 30)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 30)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 30)), 1);
}
.bluelib a:active,
.bluelib .anchor:active {
color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 60)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 60)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 60)), 1);
}
@ -626,59 +621,46 @@
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 cite,
.bluelib .semantic-cite {
font-variant: small-caps;
}
.bluelib code,
.bluelib .semantic-code {
font-family: var(--bluelib-code-family);
font-weight: var(--bluelib-code-weight);
}
.bluelib dfn,
.bluelib .semantic-dfn {
text-decoration: underline 1px solid currentColor;
font-style: italic;
}
.bluelib em,
.bluelib .semantic-em {
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));
}
.bluelib i,
.bluelib .semantic-i {
font-style: italic;
}
.bluelib mark,
.bluelib .semantic-mark {
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);
}
.bluelib q,
.bluelib .semantic-q {
font-style: oblique;
}
.bluelib q:before,
.bluelib .semantic-q:before,
.bluelib q:after,
.bluelib .semantic-q:after {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.505);
}
.bluelib samp,
.bluelib .semantic-samp {
background-color: rgba(calc(255 * (((var(--bluelib-polarity) / 2) * -1) + 0.5)), calc(255 * (((var(--bluelib-polarity) / 2) * -1) + 0.5)), calc(255 * (((var(--bluelib-polarity) / 2) * -1) + 0.5)), 1);
color: rgba(calc(255 * ((var(--bluelib-polarity) / 2) + 0.5)), calc(255 * ((var(--bluelib-polarity) / 2) + 0.5)), calc(255 * ((var(--bluelib-polarity) / 2) + 0.5)), 1);
}
.bluelib strong,
.bluelib .semantic-strong {
font-weight: 800;
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));
}
.bluelib var,
.bluelib .semantic-var {
font-style: normal;
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));

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

File diff suppressed because one or more lines are too long

32
src/vars/module.less
View file

@ -72,7 +72,7 @@
@heading: ~".heading";
@HEADING: ~"> .heading";
@anchor: ~"a, .anchor";
@anchor: ~".anchor";
@anchor-broken: ~'.anchor-broken';
@anchor-link: ~'.anchor-link';
@anchor-download: ~'.anchor-download';
@ -83,21 +83,21 @@
@todo: ~".todo";
@semantic-abbr: ~"abbr, .semantic-abbr";
@semantic-b: ~"b, .semantic-b";
@semantic-cite: ~"cite, .semantic-cite";
@semantic-code: ~"code, .semantic-code";
@semantic-dfn: ~"dfn, .semantic-dfn";
@semantic-em: ~"em, .semantic-em";
@semantic-i: ~"i, .semantic-i";
@semantic-kbd: ~"kbd, .semantic-kbd";
@semantic-mark: ~"mark, .semantic-mark";
@semantic-q: ~"q, .semantic-q";
@semantic-s: ~"s, .semantic-s";
@semantic-samp: ~"samp, .semantic-samp";
@semantic-small: ~"small, .semantic-small";
@semantic-strong: ~"strong, .semantic-strong";
@semantic-u: ~"u, .semantic-u";
@semantic-var: ~"var, .semantic-var";
@semantic-b: ~".semantic-b";
@semantic-cite: ~".semantic-cite";
@semantic-code: ~".semantic-code";
@semantic-dfn: ~".semantic-dfn";
@semantic-em: ~".semantic-em";
@semantic-i: ~".semantic-i";
@semantic-kbd: ~".semantic-kbd";
@semantic-mark: ~".semantic-mark";
@semantic-q: ~".semantic-q";
@semantic-s: ~".semantic-s";
@semantic-samp: ~".semantic-samp";
@semantic-small: ~".semantic-small";
@semantic-strong: ~".semantic-strong";
@semantic-u: ~".semantic-u";
@semantic-var: ~".semantic-var";
@color-red: ~".color-red";
@color-orange: ~".color-orange";