diff --git a/build/chimera-autumn.css b/build/chimera-autumn.css index 9e158c6..830ce9a 100644 --- a/build/chimera-autumn.css +++ b/build/chimera-autumn.css @@ -78,6 +78,7 @@ input[type=button]:disabled, input[type=submit]:disabled { border-color: hsl(25, 80%, 25%); background-color: hsl(25, 80%, 25%); + cursor: default; } blockquote { @@ -130,6 +131,7 @@ italic { abbr { text-decoration: underline dotted; + cursor: help; } hr { @@ -181,79 +183,60 @@ li { list-style: inherit; } -input[type=checkbox] { - /*remove default checkboxes, and reset style*/ +radio, +checkbox { + line-height: 1.1; + display: grid; + grid-template-columns: 1em auto; + gap: 0.5em; + align-items: center; +} + +input[type=radio], input[type=checkbox] { appearance: none; margin: 0; padding: 0; - /*style*/ width: 1em; height: 1em; - border-radius: 1em; border: 2px solid hsl(25, 25%, 80%); - border-radius: 0.2em; display: grid; place-content: center; } -input[type=checkbox]:hover { - border: 2px solid hsl(25, 80%, 55%); -} - -input[type=checkbox]::before { - transition: 200ms transform ease-in-out; - transform: scale(0); - width: 0.5em; - height: 0.5em; - background-color: hsl(25, 80%, 55%); - content: ""; +input[type=checkbox] { border-radius: 0.05em; } -input[type=checkbox]:checked::before { - transform: scale(1); -} - input[type=radio] { - /*remove default radio-buttons, and reset style*/ - appearance: none; - margin: 0; - padding: 0; - /*style*/ - width: 1em; - height: 1em; border-radius: 1em; - border: 2px solid hsl(25, 25%, 80%); - /*Place fill*/ - display: grid; - place-content: center; } +input[type=checkbox]:hover, input[type=radio]:hover { border: 2px solid hsl(25, 80%, 55%); + cursor: pointer; } -input[type=radio]::before { +input[type=radio]::before, input[type=checkbox]::before { transition: 200ms transform ease-in-out; transform: scale(0); width: 0.5em; height: 0.5em; background-color: hsl(25, 80%, 55%); content: ""; - border-radius: 50%; } -input[type=radio]:checked::before { - transform: scale(1); +input[type=checkbox]::before { + border-radius: 0.05em; } -radio, -checkbox { - line-height: 1.1; - display: grid; - grid-template-columns: 1em auto; - gap: 0.5em; - align-items: center; +input[type=radio]::before { + border-radius: 0.2em; +} + +input[type=checkbox]:checked::before, +input[type=radio]:checked::before { + transform: scale(1); } td, th { diff --git a/build/chimera-autumn.css.map b/build/chimera-autumn.css.map index fe0e221..1d94aec 100644 --- a/build/chimera-autumn.css.map +++ b/build/chimera-autumn.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera-autumn.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_checkboxes.scss","../src/elements/_radio-buttons.scss","../src/elements/_radio-checkbox-groups.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCEa;EDDb,kBCIW;EDHX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCTsB;;;ADYxB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODEuB;ECDvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;;;AEPjB;EACE;EACA,kBFUqB;EETrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHWqB;EGVrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHRa;EGSb;EACA,OHjBa;;;AGoBf;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPYa;EOXb;;;AAGF;EACE,OPQc;EOPd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPDc;;;AQdhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTrBQ;ESsBR;EACA;;;AAGF;EACE;;;AChCF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBVrBQ;EUsBR;EACA;;;AAGF;EACE;;;AChCF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;ACNF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBZCa;;;AYEf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OdMa;EcLb,YdQW","file":"chimera-autumn.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera-autumn.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_radio-checkbox.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCEa;EDDb,kBCIW;EDHX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCTsB;;;ADYxB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODEuB;ECDvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;EC2Bf;;;AClCF;EACE;EACA,kBFUqB;EETrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHWqB;EGVrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHRa;EGSb;EACA,OHjBa;;;AGoBf;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACtCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPYa;EOXb;;;AAGF;EACE,OPQc;EOPd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPDc;;;AQdhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA,kBTpCQ;ESqCR;;;AAGF;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;;;ACzDJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBVCa;;;AUEf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OZMa;EYLb,YZQW","file":"chimera-autumn.css"} \ No newline at end of file diff --git a/build/chimera-blues.css b/build/chimera-blues.css index 5064d5f..24018c0 100644 --- a/build/chimera-blues.css +++ b/build/chimera-blues.css @@ -78,6 +78,7 @@ input[type=button]:disabled, input[type=submit]:disabled { border-color: hsl(210, 100%, 30%); background-color: hsl(210, 100%, 30%); + cursor: default; } blockquote { @@ -130,6 +131,7 @@ italic { abbr { text-decoration: underline dotted; + cursor: help; } hr { @@ -181,79 +183,60 @@ li { list-style: inherit; } -input[type=checkbox] { - /*remove default checkboxes, and reset style*/ +radio, +checkbox { + line-height: 1.1; + display: grid; + grid-template-columns: 1em auto; + gap: 0.5em; + align-items: center; +} + +input[type=radio], input[type=checkbox] { appearance: none; margin: 0; padding: 0; - /*style*/ width: 1em; height: 1em; - border-radius: 1em; border: 2px solid hsl(202, 25%, 80%); - border-radius: 0.2em; display: grid; place-content: center; } -input[type=checkbox]:hover { - border: 2px solid hsl(210, 100%, 55%); -} - -input[type=checkbox]::before { - transition: 200ms transform ease-in-out; - transform: scale(0); - width: 0.5em; - height: 0.5em; - background-color: hsl(210, 100%, 55%); - content: ""; +input[type=checkbox] { border-radius: 0.05em; } -input[type=checkbox]:checked::before { - transform: scale(1); -} - input[type=radio] { - /*remove default radio-buttons, and reset style*/ - appearance: none; - margin: 0; - padding: 0; - /*style*/ - width: 1em; - height: 1em; border-radius: 1em; - border: 2px solid hsl(202, 25%, 80%); - /*Place fill*/ - display: grid; - place-content: center; } +input[type=checkbox]:hover, input[type=radio]:hover { border: 2px solid hsl(210, 100%, 55%); + cursor: pointer; } -input[type=radio]::before { +input[type=radio]::before, input[type=checkbox]::before { transition: 200ms transform ease-in-out; transform: scale(0); width: 0.5em; height: 0.5em; background-color: hsl(210, 100%, 55%); content: ""; - border-radius: 50%; } -input[type=radio]:checked::before { - transform: scale(1); +input[type=checkbox]::before { + border-radius: 0.05em; } -radio, -checkbox { - line-height: 1.1; - display: grid; - grid-template-columns: 1em auto; - gap: 0.5em; - align-items: center; +input[type=radio]::before { + border-radius: 0.2em; +} + +input[type=checkbox]:checked::before, +input[type=radio]:checked::before { + transform: scale(1); } td, th { diff --git a/build/chimera-blues.css.map b/build/chimera-blues.css.map index 59156ea..0bc5ae0 100644 --- a/build/chimera-blues.css.map +++ b/build/chimera-blues.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera-blues.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_checkboxes.scss","../src/elements/_radio-buttons.scss","../src/elements/_radio-checkbox-groups.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCEa;EDDb,kBCIW;EDHX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCTsB;;;ADYxB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODEuB;ECDvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;;;AEPjB;EACE;EACA,kBFUqB;EETrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHWqB;EGVrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHRa;EGSb;EACA,OHjBa;;;AGoBf;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPYa;EOXb;;;AAGF;EACE,OPQc;EOPd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPDc;;;AQdhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTrBQ;ESsBR;EACA;;;AAGF;EACE;;;AChCF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBVrBQ;EUsBR;EACA;;;AAGF;EACE;;;AChCF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;ACNF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBZCa;;;AYEf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OdMa;EcLb,YdQW","file":"chimera-blues.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera-blues.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_radio-checkbox.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCEa;EDDb,kBCIW;EDHX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCTsB;;;ADYxB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODEuB;ECDvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;EC2Bf;;;AClCF;EACE;EACA,kBFUqB;EETrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHWqB;EGVrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHRa;EGSb;EACA,OHjBa;;;AGoBf;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACtCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPYa;EOXb;;;AAGF;EACE,OPQc;EOPd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPDc;;;AQdhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA,kBTpCQ;ESqCR;;;AAGF;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;;;ACzDJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBVCa;;;AUEf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OZMa;EYLb,YZQW","file":"chimera-blues.css"} \ No newline at end of file diff --git a/build/chimera-dark.css b/build/chimera-dark.css index 8f070aa..dc095e2 100644 --- a/build/chimera-dark.css +++ b/build/chimera-dark.css @@ -78,6 +78,7 @@ input[type=button]:disabled, input[type=submit]:disabled { border-color: hsl(183, 40%, 30%); background-color: hsl(183, 40%, 30%); + cursor: default; } blockquote { @@ -130,6 +131,7 @@ italic { abbr { text-decoration: underline dotted; + cursor: help; } hr { @@ -181,79 +183,60 @@ li { list-style: inherit; } -input[type=checkbox] { - /*remove default checkboxes, and reset style*/ +radio, +checkbox { + line-height: 1.1; + display: grid; + grid-template-columns: 1em auto; + gap: 0.5em; + align-items: center; +} + +input[type=radio], input[type=checkbox] { appearance: none; margin: 0; padding: 0; - /*style*/ width: 1em; height: 1em; - border-radius: 1em; border: 2px solid hsl(0, 0%, 90%); - border-radius: 0.2em; display: grid; place-content: center; } -input[type=checkbox]:hover { - border: 2px solid hsl(183, 40%, 70%); -} - -input[type=checkbox]::before { - transition: 200ms transform ease-in-out; - transform: scale(0); - width: 0.5em; - height: 0.5em; - background-color: hsl(183, 40%, 70%); - content: ""; +input[type=checkbox] { border-radius: 0.05em; } -input[type=checkbox]:checked::before { - transform: scale(1); -} - input[type=radio] { - /*remove default radio-buttons, and reset style*/ - appearance: none; - margin: 0; - padding: 0; - /*style*/ - width: 1em; - height: 1em; border-radius: 1em; - border: 2px solid hsl(0, 0%, 90%); - /*Place fill*/ - display: grid; - place-content: center; } +input[type=checkbox]:hover, input[type=radio]:hover { border: 2px solid hsl(183, 40%, 70%); + cursor: pointer; } -input[type=radio]::before { +input[type=radio]::before, input[type=checkbox]::before { transition: 200ms transform ease-in-out; transform: scale(0); width: 0.5em; height: 0.5em; background-color: hsl(183, 40%, 70%); content: ""; - border-radius: 50%; } -input[type=radio]:checked::before { - transform: scale(1); +input[type=checkbox]::before { + border-radius: 0.05em; } -radio, -checkbox { - line-height: 1.1; - display: grid; - grid-template-columns: 1em auto; - gap: 0.5em; - align-items: center; +input[type=radio]::before { + border-radius: 0.2em; +} + +input[type=checkbox]:checked::before, +input[type=radio]:checked::before { + transform: scale(1); } td, th { diff --git a/build/chimera-dark.css.map b/build/chimera-dark.css.map index 0394c4a..c6dafca 100644 --- a/build/chimera-dark.css.map +++ b/build/chimera-dark.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera-dark.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_checkboxes.scss","../src/elements/_radio-buttons.scss","../src/elements/_radio-checkbox-groups.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCEa;EDDb,kBCIW;EDHX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCTsB;;;ADYxB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODEuB;ECDvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;;;AEPjB;EACE;EACA,kBFUoB;EETpB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHWoB;EGVpB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHRa;EGSb;EACA,OHjBa;;;AGoBf;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPYa;EOXb;;;AAGF;EACE,OPQc;EOPd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPDc;;;AQdhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTrBQ;ESsBR;EACA;;;AAGF;EACE;;;AChCF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBVrBQ;EUsBR;EACA;;;AAGF;EACE;;;AChCF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;ACNF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBZCa;;;AYEf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OdMa;EcLb,YdQW","file":"chimera-dark.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera-dark.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_radio-checkbox.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCEa;EDDb,kBCIW;EDHX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCTsB;;;ADYxB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODEuB;ECDvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;EC2Bf;;;AClCF;EACE;EACA,kBFUoB;EETpB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHWoB;EGVpB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHRa;EGSb;EACA,OHjBa;;;AGoBf;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACtCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPYa;EOXb;;;AAGF;EACE,OPQc;EOPd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPDc;;;AQdhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA,kBTpCQ;ESqCR;;;AAGF;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;;;ACzDJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBVCa;;;AUEf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OZMa;EYLb,YZQW","file":"chimera-dark.css"} \ No newline at end of file diff --git a/build/chimera-golden.css b/build/chimera-golden.css index b960397..4057713 100644 --- a/build/chimera-golden.css +++ b/build/chimera-golden.css @@ -78,6 +78,7 @@ input[type=button]:disabled, input[type=submit]:disabled { border-color: hsl(22, 80%, 40%); background-color: hsl(22, 80%, 40%); + cursor: default; } blockquote { @@ -130,6 +131,7 @@ italic { abbr { text-decoration: underline dotted; + cursor: help; } hr { @@ -181,79 +183,60 @@ li { list-style: inherit; } -input[type=checkbox] { - /*remove default checkboxes, and reset style*/ +radio, +checkbox { + line-height: 1.1; + display: grid; + grid-template-columns: 1em auto; + gap: 0.5em; + align-items: center; +} + +input[type=radio], input[type=checkbox] { appearance: none; margin: 0; padding: 0; - /*style*/ width: 1em; height: 1em; - border-radius: 1em; border: 2px solid hsl(0, 0%, 90%); - border-radius: 0.2em; display: grid; place-content: center; } -input[type=checkbox]:hover { - border: 2px solid #fae0d1; -} - -input[type=checkbox]::before { - transition: 200ms transform ease-in-out; - transform: scale(0); - width: 0.5em; - height: 0.5em; - background-color: #fae0d1; - content: ""; +input[type=checkbox] { border-radius: 0.05em; } -input[type=checkbox]:checked::before { - transform: scale(1); -} - input[type=radio] { - /*remove default radio-buttons, and reset style*/ - appearance: none; - margin: 0; - padding: 0; - /*style*/ - width: 1em; - height: 1em; border-radius: 1em; - border: 2px solid hsl(0, 0%, 90%); - /*Place fill*/ - display: grid; - place-content: center; } +input[type=checkbox]:hover, input[type=radio]:hover { border: 2px solid #fae0d1; + cursor: pointer; } -input[type=radio]::before { +input[type=radio]::before, input[type=checkbox]::before { transition: 200ms transform ease-in-out; transform: scale(0); width: 0.5em; height: 0.5em; background-color: #fae0d1; content: ""; - border-radius: 50%; } -input[type=radio]:checked::before { - transform: scale(1); +input[type=checkbox]::before { + border-radius: 0.05em; } -radio, -checkbox { - line-height: 1.1; - display: grid; - grid-template-columns: 1em auto; - gap: 0.5em; - align-items: center; +input[type=radio]::before { + border-radius: 0.2em; +} + +input[type=checkbox]:checked::before, +input[type=radio]:checked::before { + transform: scale(1); } td, th { diff --git a/build/chimera-golden.css.map b/build/chimera-golden.css.map index a6e0375..85c1924 100644 --- a/build/chimera-golden.css.map +++ b/build/chimera-golden.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera-golden.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_checkboxes.scss","../src/elements/_radio-buttons.scss","../src/elements/_radio-checkbox-groups.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCGa;EDFb,kBCKW;EDJX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCRuB;;;ADWzB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODGuB;ECFvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;;;AEPjB;EACE;EACA,kBFWqB;EEVrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHYqB;EGXrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHNa;EGOb;EACA,OHhBa;;;AGmBf;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPca;EObb;;;AAGF;EACE,OPUc;EOTd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPCc;;;AQhBhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTrBQ;ESsBR;EACA;;;AAGF;EACE;;;AChCF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBVrBQ;EUsBR;EACA;;;AAGF;EACE;;;AChCF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;ACNF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBZGa;;;AYAf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OdOa;EcNb,YdSW","file":"chimera-golden.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera-golden.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_radio-checkbox.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCGa;EDFb,kBCKW;EDJX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCRuB;;;ADWzB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODGuB;ECFvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;EC2Bf;;;AClCF;EACE;EACA,kBFWqB;EEVrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHYqB;EGXrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHNa;EGOb;EACA,OHhBa;;;AGmBf;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACtCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPca;EObb;;;AAGF;EACE,OPUc;EOTd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPCc;;;AQhBhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA,kBTpCQ;ESqCR;;;AAGF;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;;;ACzDJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBVGa;;;AUAf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OZOa;EYNb,YZSW","file":"chimera-golden.css"} \ No newline at end of file diff --git a/build/chimera-plain.css b/build/chimera-plain.css index ac3336b..8d977b7 100644 --- a/build/chimera-plain.css +++ b/build/chimera-plain.css @@ -78,6 +78,7 @@ input[type=button]:disabled, input[type=submit]:disabled { border-color: hsl(0, 0%, 30%); background-color: hsl(0, 0%, 30%); + cursor: default; } blockquote { @@ -130,6 +131,7 @@ italic { abbr { text-decoration: underline dotted; + cursor: help; } hr { @@ -181,79 +183,60 @@ li { list-style: inherit; } -input[type=checkbox] { - /*remove default checkboxes, and reset style*/ +radio, +checkbox { + line-height: 1.1; + display: grid; + grid-template-columns: 1em auto; + gap: 0.5em; + align-items: center; +} + +input[type=radio], input[type=checkbox] { appearance: none; margin: 0; padding: 0; - /*style*/ width: 1em; height: 1em; - border-radius: 1em; border: 2px solid hsl(0, 0%, 70%); - border-radius: 0.2em; display: grid; place-content: center; } -input[type=checkbox]:hover { - border: 2px solid hsl(0, 0%, 10%); -} - -input[type=checkbox]::before { - transition: 200ms transform ease-in-out; - transform: scale(0); - width: 0.5em; - height: 0.5em; - background-color: hsl(0, 0%, 10%); - content: ""; +input[type=checkbox] { border-radius: 0.05em; } -input[type=checkbox]:checked::before { - transform: scale(1); -} - input[type=radio] { - /*remove default radio-buttons, and reset style*/ - appearance: none; - margin: 0; - padding: 0; - /*style*/ - width: 1em; - height: 1em; border-radius: 1em; - border: 2px solid hsl(0, 0%, 70%); - /*Place fill*/ - display: grid; - place-content: center; } +input[type=checkbox]:hover, input[type=radio]:hover { border: 2px solid hsl(0, 0%, 10%); + cursor: pointer; } -input[type=radio]::before { +input[type=radio]::before, input[type=checkbox]::before { transition: 200ms transform ease-in-out; transform: scale(0); width: 0.5em; height: 0.5em; background-color: hsl(0, 0%, 10%); content: ""; - border-radius: 50%; } -input[type=radio]:checked::before { - transform: scale(1); +input[type=checkbox]::before { + border-radius: 0.05em; } -radio, -checkbox { - line-height: 1.1; - display: grid; - grid-template-columns: 1em auto; - gap: 0.5em; - align-items: center; +input[type=radio]::before { + border-radius: 0.2em; +} + +input[type=checkbox]:checked::before, +input[type=radio]:checked::before { + transform: scale(1); } td, th { diff --git a/build/chimera-plain.css.map b/build/chimera-plain.css.map index f66f172..1e61f38 100644 --- a/build/chimera-plain.css.map +++ b/build/chimera-plain.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera-plain.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_checkboxes.scss","../src/elements/_radio-buttons.scss","../src/elements/_radio-checkbox-groups.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCEa;EDDb,kBCIW;EDHX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCTsB;;;ADYxB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODEuB;ECDvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;;;AEPjB;EACE;EACA,kBFUqB;EETrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHWqB;EGVrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHRa;EGSb;EACA,OHjBa;;;AGoBf;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPYa;EOXb;;;AAGF;EACE,OPQc;EOPd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPDc;;;AQdhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTrBQ;ESsBR;EACA;;;AAGF;EACE;;;AChCF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBVrBQ;EUsBR;EACA;;;AAGF;EACE;;;AChCF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;ACNF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBZCa;;;AYEf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OdMa;EcLb,YdQW","file":"chimera-plain.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera-plain.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_radio-checkbox.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCEa;EDDb,kBCIW;EDHX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCTsB;;;ADYxB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODEuB;ECDvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;EC2Bf;;;AClCF;EACE;EACA,kBFUqB;EETrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHWqB;EGVrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHRa;EGSb;EACA,OHjBa;;;AGoBf;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACtCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPYa;EOXb;;;AAGF;EACE,OPQc;EOPd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPDc;;;AQdhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA,kBTpCQ;ESqCR;;;AAGF;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;;;ACzDJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBVCa;;;AUEf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OZMa;EYLb,YZQW","file":"chimera-plain.css"} \ No newline at end of file diff --git a/build/chimera.css b/build/chimera.css index 3f35bfa..f60205d 100644 --- a/build/chimera.css +++ b/build/chimera.css @@ -78,6 +78,7 @@ input[type=button]:disabled, input[type=submit]:disabled { border-color: hsl(173, 100%, 13%); background-color: hsl(173, 100%, 13%); + cursor: default; } blockquote { @@ -130,6 +131,7 @@ italic { abbr { text-decoration: underline dotted; + cursor: help; } hr { @@ -181,79 +183,60 @@ li { list-style: inherit; } -input[type=checkbox] { - /*remove default checkboxes, and reset style*/ +radio, +checkbox { + line-height: 1.1; + display: grid; + grid-template-columns: 1em auto; + gap: 0.5em; + align-items: center; +} + +input[type=radio], input[type=checkbox] { appearance: none; margin: 0; padding: 0; - /*style*/ width: 1em; height: 1em; - border-radius: 1em; border: 2px solid hsl(0, 0%, 90%); - border-radius: 0.2em; display: grid; place-content: center; } -input[type=checkbox]:hover { - border: 2px solid hsl(173, 100%, 33%); -} - -input[type=checkbox]::before { - transition: 200ms transform ease-in-out; - transform: scale(0); - width: 0.5em; - height: 0.5em; - background-color: hsl(173, 100%, 33%); - content: ""; +input[type=checkbox] { border-radius: 0.05em; } -input[type=checkbox]:checked::before { - transform: scale(1); -} - input[type=radio] { - /*remove default radio-buttons, and reset style*/ - appearance: none; - margin: 0; - padding: 0; - /*style*/ - width: 1em; - height: 1em; border-radius: 1em; - border: 2px solid hsl(0, 0%, 90%); - /*Place fill*/ - display: grid; - place-content: center; } +input[type=checkbox]:hover, input[type=radio]:hover { border: 2px solid hsl(173, 100%, 33%); + cursor: pointer; } -input[type=radio]::before { +input[type=radio]::before, input[type=checkbox]::before { transition: 200ms transform ease-in-out; transform: scale(0); width: 0.5em; height: 0.5em; background-color: hsl(173, 100%, 33%); content: ""; - border-radius: 50%; } -input[type=radio]:checked::before { - transform: scale(1); +input[type=checkbox]::before { + border-radius: 0.05em; } -radio, -checkbox { - line-height: 1.1; - display: grid; - grid-template-columns: 1em auto; - gap: 0.5em; - align-items: center; +input[type=radio]::before { + border-radius: 0.2em; +} + +input[type=checkbox]:checked::before, +input[type=radio]:checked::before { + transform: scale(1); } td, th { diff --git a/build/chimera.css.map b/build/chimera.css.map index 6351797..77ff590 100644 --- a/build/chimera.css.map +++ b/build/chimera.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_checkboxes.scss","../src/elements/_radio-buttons.scss","../src/elements/_radio-checkbox-groups.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCEa;EDDb,kBCIW;EDHX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCTsB;;;ADYxB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODEuB;ECDvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;;;AEPjB;EACE;EACA,kBFUqB;EETrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHWqB;EGVrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHRa;EGSb;EACA,OHjBa;;;AGoBf;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPYa;EOXb;;;AAGF;EACE,OPQc;EOPd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPDc;;;AQdhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTrBQ;ESsBR;EACA;;;AAGF;EACE;;;AChCF;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBVrBQ;EUsBR;EACA;;;AAGF;EACE;;;AChCF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;ACNF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBZCa;;;AYEf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OdMa;EcLb,YdQW","file":"chimera.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../src/elements/_focus.scss","../src/elements/_textfields.scss","../src/themes/chimera.scss","../src/elements/_buttons.scss","../src/elements/_blockquotes.scss","../src/elements/_formatted-text.scss","../src/elements/_horisontal-rule.scss","../src/elements/_images.scss","../src/elements/_labels.scss","../src/elements/_links.scss","../src/elements/_lists.scss","../src/elements/_radio-checkbox.scss","../src/elements/_tables.scss","../src/elements/_text.scss","../src/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;ACJJ;AAAA;EAGE,aCJW;EDKX,OCEa;EDDb,kBCIW;EDHX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE,OCTsB;;;ADYxB;EACE;;;ADvBF;AAAA;AAAA;AAAA;EACI;EACA;;;AAGJ;AAAA;EACI;;;AGJJ;AAAA;AAAA;EAIE,kBDDQ;ECER,ODEuB;ECDvB;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBDXa;ECYb,cDZa;ECab;;;AAGF;AAAA;AAAA;EAGE,cDlBe;ECmBf,kBDnBe;;;ACsBjB;AAAA;AAAA;EAGE,cDzBe;EC0Bf,kBD1Be;EC2Bf;;;AClCF;EACE;EACA,kBFUqB;EETrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBHWqB;EGVrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE,kBHRa;EGSb;EACA,OHjBa;;;AGoBf;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;ACtCF;EACE,kBJIQ;EIHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,OPYa;EOXb;;;AAGF;EACE,OPQc;EOPd;;;AAGF;EACE,OPJe;;;AOOjB;EACE,OPDc;;;AQdhB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA,kBTpCQ;ESqCR;;;AAGF;EAEI;;;AAGJ;EAEI;;;AAGJ;AAAA;EAEI;;;ACzDJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;EACA,kBVCa;;;AUEf;EAEE;;;ACnBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;EACE;EACA,OZMa;EYLb,YZQW","file":"chimera.css"} \ No newline at end of file diff --git a/src/elements/_buttons.scss b/src/elements/_buttons.scss index 219a0cd..d1a8252 100644 --- a/src/elements/_buttons.scss +++ b/src/elements/_buttons.scss @@ -32,4 +32,5 @@ input[type="button"]:disabled, input[type="submit"]:disabled { border-color: $Chimera-darker; background-color: $Chimera-darker; + cursor: default; } \ No newline at end of file diff --git a/src/elements/_checkboxes.scss b/src/elements/_checkboxes.scss deleted file mode 100644 index a53b091..0000000 --- a/src/elements/_checkboxes.scss +++ /dev/null @@ -1,34 +0,0 @@ -input[type="checkbox"] { - /*remove default checkboxes, and reset style*/ - appearance: none; - margin: 0; - padding: 0; - - /*style*/ - width: 1em; - height: 1em; - border-radius: 1em; - border: 2px solid $Chimera-border; - border-radius: 0.2em; - - display: grid; - place-content: center; -} - -input[type="checkbox"]:hover { - border: 2px solid $Chimera; -} - -input[type="checkbox"]::before { - transition: 200ms transform ease-in-out; - transform: scale(0); - width: 0.5em; - height: 0.5em; - background-color: $Chimera; - content: ""; - border-radius: 0.05em; -} - -input[type="checkbox"]:checked::before { - transform: scale(1); -} diff --git a/src/elements/_formatted-text.scss b/src/elements/_formatted-text.scss index d4f628c..b7dddcd 100644 --- a/src/elements/_formatted-text.scss +++ b/src/elements/_formatted-text.scss @@ -36,4 +36,5 @@ italic { abbr { text-decoration: underline dotted; + cursor: help; } \ No newline at end of file diff --git a/src/elements/_main.scss b/src/elements/_main.scss index 5de18a2..8ac9d40 100644 --- a/src/elements/_main.scss +++ b/src/elements/_main.scss @@ -7,9 +7,7 @@ @import "labels"; @import "links"; @import "lists"; -@import "checkboxes"; -@import "radio-buttons"; -@import "radio-checkbox-groups"; +@import "radio-checkbox"; @import "tables"; @import "text"; @import "base"; diff --git a/src/elements/_radio-buttons.scss b/src/elements/_radio-buttons.scss deleted file mode 100644 index 9038f3e..0000000 --- a/src/elements/_radio-buttons.scss +++ /dev/null @@ -1,34 +0,0 @@ -input[type="radio"] { - /*remove default radio-buttons, and reset style*/ - appearance: none; - margin: 0; - padding: 0; - - /*style*/ - width: 1em; - height: 1em; - border-radius: 1em; - border: 2px solid $Chimera-border; - - /*Place fill*/ - display: grid; - place-content: center; -} - -input[type="radio"]:hover { - border: 2px solid $Chimera; -} - -input[type="radio"]::before { - transition: 200ms transform ease-in-out; - transform: scale(0); - width: 0.5em; - height: 0.5em; - background-color: $Chimera; - content: ""; - border-radius: 50%; -} - -input[type="radio"]:checked::before { - transform: scale(1); -} diff --git a/src/elements/_radio-checkbox-groups.scss b/src/elements/_radio-checkbox-groups.scss deleted file mode 100644 index 0102791..0000000 --- a/src/elements/_radio-checkbox-groups.scss +++ /dev/null @@ -1,8 +0,0 @@ -radio, -checkbox { - line-height: 1.1; - display: grid; - grid-template-columns: 1em auto; - gap: 0.5em; - align-items: center; -} diff --git a/src/elements/_radio-checkbox.scss b/src/elements/_radio-checkbox.scss new file mode 100644 index 0000000..a7e2cbd --- /dev/null +++ b/src/elements/_radio-checkbox.scss @@ -0,0 +1,59 @@ +radio, +checkbox { + line-height: 1.1; + display: grid; + grid-template-columns: 1em auto; + gap: 0.5em; + align-items: center; +} + +%base { + appearance: none; + margin: 0; + padding: 0; + width: 1em; + height: 1em; + border: 2px solid $Chimera-border; + display: grid; + place-content: center; +} + +input[type="checkbox"] { + @extend %base; + border-radius: 0.05em; +} + +input[type="radio"] { + @extend %base; + border-radius: 1em; +} + +input[type="checkbox"]:hover, +input[type="radio"]:hover { + border: 2px solid $Chimera; + cursor: pointer; +} + +%before { + transition: 200ms transform ease-in-out; + transform: scale(0); + width: 0.5em; + height: 0.5em; + background-color: $Chimera; + content: ""; +} + +input[type="checkbox"]::before { + @extend %before; + border-radius: 0.05em; +} + +input[type="radio"]::before { + @extend %before; + border-radius: 0.2em; +} + +input[type="checkbox"]:checked::before, +input[type="radio"]:checked::before { + transform: scale(1); +}