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

🐛 Fix some module elements having side effects

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

View file

@ -558,22 +558,17 @@
font-family: var(--bluelib-title-family); font-family: var(--bluelib-title-family);
font-weight: var(--bluelib-title-weight); font-weight: var(--bluelib-title-weight);
} }
.bluelib a,
.bluelib .anchor { .bluelib .anchor {
text-decoration-line: underline; text-decoration-line: underline;
text-decoration-thickness: 1px; text-decoration-thickness: 1px;
} }
.bluelib a:focus-visible,
.bluelib .anchor:focus-visible { .bluelib .anchor:focus-visible {
text-decoration-thickness: 2px; text-decoration-thickness: 2px;
} }
.bluelib a:hover,
.bluelib .anchor:hover, .bluelib .anchor:hover,
.bluelib a:focus,
.bluelib .anchor: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); 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 { .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); 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; cursor: help;
text-decoration: underline 1px dotted currentColor; text-decoration: underline 1px dotted currentColor;
} }
.bluelib b,
.bluelib .semantic-b { .bluelib .semantic-b {
font-weight: 500; font-weight: 500;
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b)); color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));
} }
.bluelib cite,
.bluelib .semantic-cite { .bluelib .semantic-cite {
font-variant: small-caps; font-variant: small-caps;
} }
.bluelib code,
.bluelib .semantic-code { .bluelib .semantic-code {
font-family: var(--bluelib-code-family); font-family: var(--bluelib-code-family);
font-weight: var(--bluelib-code-weight); font-weight: var(--bluelib-code-weight);
} }
.bluelib dfn,
.bluelib .semantic-dfn { .bluelib .semantic-dfn {
text-decoration: underline 1px solid currentColor; text-decoration: underline 1px solid currentColor;
font-style: italic; font-style: italic;
} }
.bluelib em,
.bluelib .semantic-em { .bluelib .semantic-em {
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b)); color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));
} }
.bluelib i,
.bluelib .semantic-i { .bluelib .semantic-i {
font-style: italic; font-style: italic;
} }
.bluelib mark,
.bluelib .semantic-mark { .bluelib .semantic-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);
} }
.bluelib q,
.bluelib .semantic-q { .bluelib .semantic-q {
font-style: oblique; font-style: oblique;
} }
.bluelib q:before,
.bluelib .semantic-q:before, .bluelib .semantic-q:before,
.bluelib q:after,
.bluelib .semantic-q:after { .bluelib .semantic-q:after {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.505); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.505);
} }
.bluelib samp,
.bluelib .semantic-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); 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); 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 { .bluelib .semantic-strong {
font-weight: 800; font-weight: 800;
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b)); color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));
} }
.bluelib var,
.bluelib .semantic-var { .bluelib .semantic-var {
font-style: normal; font-style: normal;
color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b)); color: rgb(var(--bluelib-accent-r), var(--bluelib-accent-g), var(--bluelib-accent-b));

File diff suppressed because one or more lines are too long

View file

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