diff --git a/dist/css/pdis-design-system.css b/dist/css/pdis-design-system.css index ebbb4350c247..5acc06890818 100644 --- a/dist/css/pdis-design-system.css +++ b/dist/css/pdis-design-system.css @@ -1437,10 +1437,14 @@ a:focus { display: flex; align-items: center; border: none; - padding: 1rem; + padding: 0.75rem; } .list-group .list-group-item .list-group-item-subheader { margin-left: 0.5rem; + color: var(--on-surface-variant); +} +.list-group .list-group-item .list-group-item-header { + min-width: max-content; } .list-group .list-group-item i { margin-left: 0.5rem; @@ -1457,9 +1461,12 @@ a:focus { .list-group .list-group-item a { text-decoration: none; } -.list-group .list-group-item:hover, .list-group .list-group-item:focus, .list-group .list-group-item:active { +.list-group .list-group-item:hover { background-color: var(--surface); } +.list-group .list-group-item:focus, .list-group .list-group-item:active { + background-color: var(--surface-1); +} .list-group.divider .list-group-item { border-bottom: 1px solid var(--outline); border-radius: 0; @@ -1685,6 +1692,7 @@ a:focus { margin-right: 0.25rem; font-size: 1.125rem; font-weight: 500; + vertical-align: middle; } .tab-text i:first-child, .nav-pills .nav-link i:first-child, .nav-tabs .nav-item .nav-link i:first-child { margin-left: 0; @@ -1692,6 +1700,9 @@ a:focus { .tab-text i:last-child, .nav-pills .nav-link i:last-child, .nav-tabs .nav-item .nav-link i:last-child { margin-right: 0; } +.tab-text span, .nav-pills .nav-link span, .nav-tabs .nav-item .nav-link span { + vertical-align: middle; +} .tab-text-sm:hover, .tabs-sm .nav-item .nav-link:hover { color: var(--on-background); @@ -1707,6 +1718,7 @@ a:focus { margin-right: 0.25rem; font-size: 1rem; font-weight: 500; + vertical-align: middle; } .tab-text-sm i:first-child, .tabs-sm .nav-item .nav-link i:first-child { margin-left: 0; @@ -1714,6 +1726,9 @@ a:focus { .tab-text-sm i:last-child, .tabs-sm .nav-item .nav-link i:last-child { margin-right: 0; } +.tab-text-sm span, .tabs-sm .nav-item .nav-link span { + vertical-align: middle; +} .tab-text-lg:hover, .tabs-lg .nav-item .nav-link:hover { color: var(--on-background); @@ -1729,6 +1744,7 @@ a:focus { margin-right: 0.25rem; font-size: 1.25rem; font-weight: 500; + vertical-align: middle; } .tab-text-lg i:first-child, .tabs-lg .nav-item .nav-link i:first-child { margin-left: 0; @@ -1736,6 +1752,9 @@ a:focus { .tab-text-lg i:last-child, .tabs-lg .nav-item .nav-link i:last-child { margin-right: 0; } +.tab-text-lg span, .tabs-lg .nav-item .nav-link span { + vertical-align: middle; +} .nav-tabs { border-bottom: 0; @@ -1756,6 +1775,7 @@ a:focus { .nav-tabs .nav-item .nav-link:disabled { background: none; border-bottom: 2px solid var(--surface); + color: var(--outline); } .nav-tabs .nav-item .nav-link.active { border-bottom: 2px solid var(--brand); @@ -1764,15 +1784,17 @@ a:focus { .nav-pills .nav-link { text-decoration: none; - margin-left: 2px; - margin-right: 2px; + border: 2px solid transparent; } .nav-pills .nav-link:disabled { background: none; + color: var(--outline); } .nav-pills .nav-link.active { color: var(--on-background); background-color: var(--surface-1); + box-shadow: none !important; + border: 2px solid var(--brand-flat-strong); } .tab-content { diff --git a/dist/css/pdis-design-system.css.map b/dist/css/pdis-design-system.css.map index 6fc48065b3fa..5b781fa0ac9d 100644 --- a/dist/css/pdis-design-system.css.map +++ b/dist/css/pdis-design-system.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../scss/_general.scss","../../scss/_root.scss","../../scss/_variables.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/pdis-design-system.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_list.scss","../../scss/_card.scss","../../scss/_tabs.scss"],"names":[],"mappings":"AAAQ;AACA;ACDR;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADtBF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIF;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;EACE;;AAEE;EACE;;AAEA;EAEE,OEzFA;;AF4FF;EACE,OE7FA;;AFiGN;EACE,OEjBI;;;AFqBR;EACE,kBE9BS;;;AFmCT;EACE,OE7GI;EF8GJ;;AAEA;EAEE,OElHE;EFmHF;;;AAKN;AGxHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC5JF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACLJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACRA;EAEE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAOF;EACE;EACA;;;AAOF;EACE;EACA;;;AAIJ;EACE;;;ACzCA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;AA6BI;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAzBA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AA0DN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAYJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;;AAKN;AAAA;AAAA;AAAA;AAAA;AAAA;ACxQE;EAEE;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAKF;EACE;EACA;;AAIJ;EACE;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;;;AAMR;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;ACvEA;EACE;EACA;;AAEA;EACE;;AAEA;EAEE;EACA;;AAGF;EAEE;;AAMJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAIJ;EACE;;AAEA;EACE;;;AAMJ;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAGF;EACE;;AAIJ;EACE;;AAIA;EACE;EACA;;;AAIN;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACtFE;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;;AACA;EACE;;AAEA;EAEE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAON;EAEE;EACA;EACA;;AAOA;EACE;;AAGF;EACE;EACA;;;AAMN;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;EACE","file":"pdis-design-system.css","sourcesContent":["@import url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css\");\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap\");\n\na {\n color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\n}\n\n.language-switch {\n padding: 6px;\n}\n\n.tab-scrollable-btn {\n &:focus {\n outline: 0;\n box-shadow: none;\n }\n}\n\n.icon {\n margin-right: 0.5rem;\n}\n\n.logo {\n margin:1rem 0.5rem 1rem 0.75rem;\n}\n\n.social-icon {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n.trad-chinese-formal {\n list-style: trad-chinese-formal;\n}\n\n.trad-chinese-informal {\n list-style: trad-chinese-informal;\n}\n\n.horizontal-label {\n width: -webkit-fill-available;\n margin-bottom: 0;\n}\n\n\n/* PDIS's local docs style */\n// mod from scss/_navbar\n/*\n@include media-breakpoint-up(md) {\n .navbar-expand-md .navbar-collapse {\n flex-basis: 100%;\n }\n}*/\n\n// mod from site/assets/scss/_navbar\n.bd-navbar {\n background-color: var(--bs-gray-100);\n .navbar-nav {\n .nav-link {\n color: rgba($link-color, 0.85);\n\n &:hover,\n &:focus {\n color: $link-color;\n }\n\n &.active {\n color: $link-color;\n }\n }\n }\n .navbar-toggler {\n color: $black;\n }\n}\n\n.navbar-size {\n background-color: $gray-200;\n}\n\n// mod from site/assets/scss/_footer.scss\n.bd-footer {\n a {\n color: $link-color;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: $link-color;\n text-decoration: underline;\n }\n }\n}\n\n/* END PDIS's local docs style */\n",":root {\n @each $name, $items in $colors {\n --#{$name}: #{map.get($items, \"base\", \"normal\")};\n --#{$name}-strong: #{map.get($items, \"base\", \"strong\")};\n --on-#{$name}: #{map.get($items, \"base\", \"on\")};\n --#{$name}-flat: #{map.get($items, \"flat\", \"normal\")};\n --#{$name}-flat-strong: #{map.get($items, \"flat\", \"strong\")};\n --on-#{$name}-flat: #{map.get($items, \"flat\", \"on\")};\n }\n\n @each $name, $attr in $surfaces {\n --#{$name}: #{$attr};\n }\n\n --bs-primary: var(--brand);\n --bs-secondary: var(--accent);\n --bs-success: var(--positive);\n --bs-info: var(--information);\n --bs-warning: var(--warning);\n --bs-danger: var(--negative);\n --bs-background: $background;\n --bs-on-background: $on-background;\n --bs-dark: var(--bs-on-background);\n --bs-body-bg: var(--bs-background);\n --bs-body-color: var(--bs-on-background);\n --bs-font-sans-serif: \"Noto Sans\", \"Noto Sans TC\", sans-serif;\n}\n","$brand: #2c5ab4;\n$brand-strong: #03429c;\n$on-brand: #ffffff;\n$brand-flat: #d8e2ff;\n$brand-flat-strong: #afc6ff;\n$on-brand-flat: #001847;\n\n$accent: #705d00;\n$accent-strong: #554600;\n$on-accent: #ffffff;\n$accent-flat: #ffe25b;\n$accent-flat-strong: #e7c400;\n$on-accent-flat: #221b00;\n\n$positive: #286b2a;\n$positive-strong: #085314;\n$on-positive: #ffffff;\n$positive-flat: #acf5a3;\n$positive-flat-strong: #90d889;\n$on-positive-flat: #012104;\n\n$negative: #ba1b1b;\n$negative-strong: #930006;\n$on-negative: #ffffff;\n$negative-flat: #ffdad4;\n$negative-flat-strong: #ffb4a9;\n$on-negative-flat: #410001;\n\n$information: #006687;\n$information-strong: #004d67;\n$on-information: #ffffff;\n$information-flat: #bee8ff;\n$information-flat-strong: #6bd2ff;\n$on-information-flat: #001e2b;\n\n$warning: #a53d00;\n$warning-strong: #7d2c00;\n$on-warning: #ffffff;\n$warning-flat: #ffdbcb;\n$warning-flat-strong: #ffb593;\n$on-warning-flat: #360f00;\n\n$background: #FAFDF9;\n$on-background: #191C1B;\n\n$surface: #FAFDF9;\n$surface-1: #F0F5F6;\n$surface-2: #EAF0F3;\n$surface-3: #E3EBF1;\n$surface-4: #E1E9F1;\n$surface-5: #DDE6EF;\n$on-surface: #191C1B;\n\n$surface-variant:#E2E2EC;\n$on-surface-variant:#44464E;\n$outline: #757780;\n\n$surfaces: \n'surface' $surface, \n'surface-1' $surface-1, \n'surface-2' $surface-2, \n'surface-3' $surface-3, \n'surface-4' $surface-4, \n'surface-5' $surface-5, \n'on-surface' $on-surface, \n'surface-variant' $surface-variant,\n'on-surface-variant' $on-surface-variant,\n'outline' $outline,\n'background' $background,\n'on-background' $on-background;\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$colors: (\n \"brand\": (\n \"base\": (\n \"normal\": $brand,\n \"strong\": $brand-strong,\n \"on\": $on-brand,\n ),\n \"flat\": (\n \"normal\": $brand-flat,\n \"strong\": $brand-flat-strong,\n \"on\": $on-brand-flat,\n ),\n ),\n \"accent\": (\n \"base\": (\n \"normal\": $accent,\n \"strong\": $accent-strong,\n \"on\": $on-accent,\n ),\n \"flat\": (\n \"normal\": $accent-flat,\n \"strong\": $accent-flat-strong,\n \"on\": $on-accent-flat,\n ),\n ),\n \"positive\": (\n \"base\": (\n \"normal\": $positive,\n \"strong\": $positive-strong,\n \"on\": $on-positive,\n ),\n \"flat\": (\n \"normal\": $positive-flat,\n \"strong\": $positive-flat-strong,\n \"on\": $on-positive-flat,\n ),\n ),\n \"negative\": (\n \"base\": (\n \"normal\": $negative,\n \"strong\": $negative-strong,\n \"on\": $on-negative,\n ),\n \"flat\": (\n \"normal\": $negative-flat,\n \"strong\": $negative-flat-strong,\n \"on\": $on-negative-flat,\n ),\n ),\n \"information\": (\n \"base\": (\n \"normal\": $information,\n \"strong\": $information-strong,\n \"on\": $on-information,\n ),\n \"flat\": (\n \"normal\": $information-flat,\n \"strong\": $information-flat-strong,\n \"on\": $on-information-flat,\n ),\n ),\n \"warning\": (\n \"base\": (\n \"normal\": $warning,\n \"strong\": $warning-strong,\n \"on\": $on-warning,\n ),\n \"flat\": (\n \"normal\": $warning-flat,\n \"strong\": $warning-flat-strong,\n \"on\": $on-warning-flat,\n ),\n ),\n);\n\n$color-envs: (\n \"brand\": \"brand\",\n \"accent\": \"accent\",\n \"positive\": \"positive\",\n \"negative\": \"negative\",\n \"information\": \"information\",\n \"warning\": \"warning\",\n \"primary\": \"brand\",\n \"secondary\": \"accent\",\n \"success\": \"positive\",\n \"danger\": \"negative\",\n \"info\": \"information\",\n);\n\n//escape svg function from bootstrap\n\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\")\n) !default;\n\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// will be deleted\n\n$accordion-icon-color: $brand;\n$accordion-icon-active-color: $on-brand;\n\n$sidebar-icon-color: black;\n$sidebar-icon-active-color: #0969a2;\n$sidebar-icon-hover-color: white;\n\n$link-color: $brand;",".label-text {\n font-style: normal;\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.25rem;\n border-radius: 0.625rem;\n padding: 0.5rem 1.125rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n \n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 0.75rem;\n line-height: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 0.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n padding: 0.5rem 1.25rem;\n border-radius: 0.75rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n\n}\n\n.body-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.25rem;\n letter-spacing: 0.25px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 1.125rem;\n line-height: 1.6875rem;\n letter-spacing: 0.75px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text {\n font-style: normal;\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1.625rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1.375rem;\n line-height: 1.75rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1.75rem;\n line-height: 2.25rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 1.5rem;\n line-height: 2rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 2rem;\n line-height: 2.5rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}","@use \"sass:map\";\n@import \"variables\";\n\n@import \"root\";\n@import \"general\";\n@import \"typography\";\n@import \"utilities\";\n\n/* @import \"accordion\";\n@import \"badge\";\n@import \"button\";\n@import \"card\";\n@import \"dropdown\";\n@import \"footer\";\n@import \"form-control\"; \n@import \"header\";\n@import \"list\";\n@import \"offcanvas\";\n@import \"select\";\n@import \"sidebar\";\n@import \"tabs\"; */\n\n@import \"badge\";\n@import \"button\";\n@import \"list\";\n@import \"card\";\n@import \"tabs\";",".badge {\n @extend .label-text;\n margin: 0 0.5rem;\n padding: 0.125rem 0.625rem;\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n &.badge-numerical {\n padding: 0 0.5rem;\n border-radius: 0.5rem;\n }\n\n &.bg-secondary-flat {\n color: var(--on-surface);\n background-color: var(--surface) !important;\n }\n}\n\n.badge-sm {\n @extend .label-text-sm;\n\n &.badge-numerical {\n padding: 0 0.375rem;\n border-radius: 0.375rem;\n }\n}\n\n.badge-lg {\n @extend .label-text-lg;\n\n &.badge-numerical {\n padding: 0 0.625rem;\n border-radius: 0.625rem;\n }\n}\n\n.badge-collections {\n margin-bottom: 1rem;\n}",".button-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.btn {\n @extend .button-text;\n\n @each $key, $value in $color-envs {\n &.btn-#{$key} {\n background-color: var(--#{$value});\n border-color: var(--#{$value});\n color: var(--on-#{$value});\n \n &:hover {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n }\n \n &:focus, &:active {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n \n /* .btn-outline-#{$key} {\n background: none;\n color: var(--#{$value});\n border-color: var(--#{$value});\n \n &:hover {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n background: none;\n }\n \n &:focus, &:active {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat);\n background: none;\n }\n \n &:disabled {\n border-color: var(--bs-gray-500);\n color: var(--bs-gray-500);\n }\n }\n \n .btn-#{$key}-flat {\n background-color: var(--#{$value}-flat);\n border-color: var(--#{$value}-flat);\n color: var(--on-#{$value}-flat);\n \n &:hover {\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n color: var(--on-#{$value}-flat);\n text-decoration: underline;\n }\n \n &:focus, &:active {\n color: var(--on-#{$value}-flat);\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n text-decoration: underline;\n box-shadow: none !important;\n }\n \n &:disabled {\n background-color: var(--bs-gray-200);\n border-color: var(--bs-gray-200);\n color: var(--bs-gray-500);\n }\n } */\n }\n \n &.btn-secondary {\n background: var(--brand-flat);\n color: var(--on-brand-flat);\n border: none;\n\n &:hover {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n }\n \n &:focus, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\n color: var(--on-brand-flat);\n background-color: var(--surface);\n border-color: var(--outline);\n \n &:hover {\n color: var(--on-brand-flat);\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:focus, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n &.btn-sm {\n @extend .button-text-sm;\n }\n \n &.btn-lg {\n @extend .button-text-lg;\n }\n\n .badge {\n top: 0;\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".list-group {\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n padding: 1rem;\n\n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\n }\n\n i {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n font-size: 1.125rem;\n font-weight: 500;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n }\n\n a {\n text-decoration: none;\n }\n\n &:hover, &:focus, &:active {\n background-color: var(--surface);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\n }\n }\n\n &.border {\n border: 1px solid var(--outline) !important;\n\n &.divider{\n .list-group-item:first-child {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n }\n\n .list-group-item:last-child {\n border-bottom: none;\n border-radius: 0.5rem;\n }\n }\n }\n\n &.twoline {\n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n }\n }\n }\n}\n\n/* \n.list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n */",".card {\n border: 1px solid var(--outline);\n border-radius: 0.5rem;\n\n .card-body {\n padding: 1rem;\n\n .card-title {\n @extend .title-text;\n color: var(--on-surface);\n margin-bottom: 0;\n }\n \n .card-text {\n @extend .body-text;\n color: var(--on-surface-variant);\n //margin-bottom: 1rem;\n }\n\n }\n\n .card-actions {\n padding: 1rem\n }\n\n .card-img-top {\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n img {\n aspect-ratio: 4 / 3;\n }\n\n .card-image {\n width: 100%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\n aspect-ratio: 2/3;\n\n @media (max-width: 768px) {\n aspect-ratio: 1/1;\n }\n }\n\n &.elevated {\n background: var(--surface);\n\n .card-actions {\n background: var(--surface);\n }\n }\n}\n\n.masonry-card {\n .card-header {\n @extend .title-text;\n color: var(--on-surface);\n background-color: var(--surface-2);\n padding: 1rem;\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n .card-body {\n background-color: var(--surface);\n\n .card-title {\n @extend .heading-text;\n margin-bottom: 1rem;\n }\n \n ul, ol {\n margin-bottom: 0;\n }\n }\n\n .card-actions {\n background: var(--surface);\n }\n\n .list-group {\n &:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n }\n}\n/* \n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n} */",".tab-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.tab-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.tab-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n\n .nav-link {\n @extend .tab-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n\n // &:hover {\n // background-color: var(--surface);\n // }\n\n &:focus, &:active {\n box-shadow: none !important;\n border-bottom: 2px solid var(--brand-flat-strong);\n }\n\n &:disabled {\n background: none;\n border-bottom: 2px solid var(--surface);\n }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n }\n}\n\n.tab-content {\n margin-top: 1rem;\n}\n\n.nav-scroll {\n display: flex;\n .nav-scroll-wrapper {\n white-space: nowrap;\n display: flex;\n overflow: hidden;\n\n .nav {\n flex-wrap: nowrap;\n }\n }\n}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .tab-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .tab-text-lg;\n }\n }\n}"]} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/_general.scss","../../scss/_root.scss","../../scss/_variables.scss","../../scss/_typography.scss","../../scss/_utilities.scss","../../scss/pdis-design-system.scss","../../scss/_badge.scss","../../scss/_button.scss","../../scss/_list.scss","../../scss/_card.scss","../../scss/_tabs.scss"],"names":[],"mappings":"AAAQ;AACA;ACDR;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADtBF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIF;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;EACE;;AAEE;EACE;;AAEA;EAEE,OEzFA;;AF4FF;EACE,OE7FA;;AFiGN;EACE,OEjBI;;;AFqBR;EACE,kBE9BS;;;AFmCT;EACE,OE7GI;EF8GJ;;AAEA;EAEE,OElHE;EFmHF;;;AAKN;AGxHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC5JF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AANF;EACE;EACA;;;AAEF;EACE;EACA;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACLJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACRA;EAEE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAOF;EACE;EACA;;;AAOF;EACE;EACA;;;AAIJ;EACE;;;ACzCA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAQJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;AA6BI;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAzBA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AArBJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EAEA;;AAGF;EACE;;AA0DN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAYJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;;AAKN;AAAA;AAAA;AAAA;AAAA;AAAA;ACxQE;EAEE;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;EACA;;AAIJ;EACE;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;;;AAMR;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AChFA;EACE;EACA;;AAEA;EACE;;AAEA;EAEE;EACA;;AAGF;EAEE;;AAMJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;;;AAIJ;EACE;;AAEA;EACE;;;AAMJ;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAGF;EACE;;AAIJ;EACE;;AAIA;EACE;EACA;;;AAIN;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACtFE;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;AAOF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;AAOF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;AAKJ;EACE;;AACA;EACE;;AAEA;EAEE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAON;EAEE;EACA;;AAMA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAKN;EACE;;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAEA;EACE","file":"pdis-design-system.css","sourcesContent":["@import url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css\");\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap\");\n\na {\n color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\n}\n\n.language-switch {\n padding: 6px;\n}\n\n.tab-scrollable-btn {\n &:focus {\n outline: 0;\n box-shadow: none;\n }\n}\n\n.icon {\n margin-right: 0.5rem;\n}\n\n.logo {\n margin:1rem 0.5rem 1rem 0.75rem;\n}\n\n.social-icon {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n.trad-chinese-formal {\n list-style: trad-chinese-formal;\n}\n\n.trad-chinese-informal {\n list-style: trad-chinese-informal;\n}\n\n.horizontal-label {\n width: -webkit-fill-available;\n margin-bottom: 0;\n}\n\n\n/* PDIS's local docs style */\n// mod from scss/_navbar\n/*\n@include media-breakpoint-up(md) {\n .navbar-expand-md .navbar-collapse {\n flex-basis: 100%;\n }\n}*/\n\n// mod from site/assets/scss/_navbar\n.bd-navbar {\n background-color: var(--bs-gray-100);\n .navbar-nav {\n .nav-link {\n color: rgba($link-color, 0.85);\n\n &:hover,\n &:focus {\n color: $link-color;\n }\n\n &.active {\n color: $link-color;\n }\n }\n }\n .navbar-toggler {\n color: $black;\n }\n}\n\n.navbar-size {\n background-color: $gray-200;\n}\n\n// mod from site/assets/scss/_footer.scss\n.bd-footer {\n a {\n color: $link-color;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: $link-color;\n text-decoration: underline;\n }\n }\n}\n\n/* END PDIS's local docs style */\n",":root {\n @each $name, $items in $colors {\n --#{$name}: #{map.get($items, \"base\", \"normal\")};\n --#{$name}-strong: #{map.get($items, \"base\", \"strong\")};\n --on-#{$name}: #{map.get($items, \"base\", \"on\")};\n --#{$name}-flat: #{map.get($items, \"flat\", \"normal\")};\n --#{$name}-flat-strong: #{map.get($items, \"flat\", \"strong\")};\n --on-#{$name}-flat: #{map.get($items, \"flat\", \"on\")};\n }\n\n @each $name, $attr in $surfaces {\n --#{$name}: #{$attr};\n }\n\n --bs-primary: var(--brand);\n --bs-secondary: var(--accent);\n --bs-success: var(--positive);\n --bs-info: var(--information);\n --bs-warning: var(--warning);\n --bs-danger: var(--negative);\n --bs-background: $background;\n --bs-on-background: $on-background;\n --bs-dark: var(--bs-on-background);\n --bs-body-bg: var(--bs-background);\n --bs-body-color: var(--bs-on-background);\n --bs-font-sans-serif: \"Noto Sans\", \"Noto Sans TC\", sans-serif;\n}\n","$brand: #2c5ab4;\n$brand-strong: #03429c;\n$on-brand: #ffffff;\n$brand-flat: #d8e2ff;\n$brand-flat-strong: #afc6ff;\n$on-brand-flat: #001847;\n\n$accent: #705d00;\n$accent-strong: #554600;\n$on-accent: #ffffff;\n$accent-flat: #ffe25b;\n$accent-flat-strong: #e7c400;\n$on-accent-flat: #221b00;\n\n$positive: #286b2a;\n$positive-strong: #085314;\n$on-positive: #ffffff;\n$positive-flat: #acf5a3;\n$positive-flat-strong: #90d889;\n$on-positive-flat: #012104;\n\n$negative: #ba1b1b;\n$negative-strong: #930006;\n$on-negative: #ffffff;\n$negative-flat: #ffdad4;\n$negative-flat-strong: #ffb4a9;\n$on-negative-flat: #410001;\n\n$information: #006687;\n$information-strong: #004d67;\n$on-information: #ffffff;\n$information-flat: #bee8ff;\n$information-flat-strong: #6bd2ff;\n$on-information-flat: #001e2b;\n\n$warning: #a53d00;\n$warning-strong: #7d2c00;\n$on-warning: #ffffff;\n$warning-flat: #ffdbcb;\n$warning-flat-strong: #ffb593;\n$on-warning-flat: #360f00;\n\n$background: #FAFDF9;\n$on-background: #191C1B;\n\n$surface: #FAFDF9;\n$surface-1: #F0F5F6;\n$surface-2: #EAF0F3;\n$surface-3: #E3EBF1;\n$surface-4: #E1E9F1;\n$surface-5: #DDE6EF;\n$on-surface: #191C1B;\n\n$surface-variant:#E2E2EC;\n$on-surface-variant:#44464E;\n$outline: #757780;\n\n$surfaces: \n'surface' $surface, \n'surface-1' $surface-1, \n'surface-2' $surface-2, \n'surface-3' $surface-3, \n'surface-4' $surface-4, \n'surface-5' $surface-5, \n'on-surface' $on-surface, \n'surface-variant' $surface-variant,\n'on-surface-variant' $on-surface-variant,\n'outline' $outline,\n'background' $background,\n'on-background' $on-background;\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$colors: (\n \"brand\": (\n \"base\": (\n \"normal\": $brand,\n \"strong\": $brand-strong,\n \"on\": $on-brand,\n ),\n \"flat\": (\n \"normal\": $brand-flat,\n \"strong\": $brand-flat-strong,\n \"on\": $on-brand-flat,\n ),\n ),\n \"accent\": (\n \"base\": (\n \"normal\": $accent,\n \"strong\": $accent-strong,\n \"on\": $on-accent,\n ),\n \"flat\": (\n \"normal\": $accent-flat,\n \"strong\": $accent-flat-strong,\n \"on\": $on-accent-flat,\n ),\n ),\n \"positive\": (\n \"base\": (\n \"normal\": $positive,\n \"strong\": $positive-strong,\n \"on\": $on-positive,\n ),\n \"flat\": (\n \"normal\": $positive-flat,\n \"strong\": $positive-flat-strong,\n \"on\": $on-positive-flat,\n ),\n ),\n \"negative\": (\n \"base\": (\n \"normal\": $negative,\n \"strong\": $negative-strong,\n \"on\": $on-negative,\n ),\n \"flat\": (\n \"normal\": $negative-flat,\n \"strong\": $negative-flat-strong,\n \"on\": $on-negative-flat,\n ),\n ),\n \"information\": (\n \"base\": (\n \"normal\": $information,\n \"strong\": $information-strong,\n \"on\": $on-information,\n ),\n \"flat\": (\n \"normal\": $information-flat,\n \"strong\": $information-flat-strong,\n \"on\": $on-information-flat,\n ),\n ),\n \"warning\": (\n \"base\": (\n \"normal\": $warning,\n \"strong\": $warning-strong,\n \"on\": $on-warning,\n ),\n \"flat\": (\n \"normal\": $warning-flat,\n \"strong\": $warning-flat-strong,\n \"on\": $on-warning-flat,\n ),\n ),\n);\n\n$color-envs: (\n \"brand\": \"brand\",\n \"accent\": \"accent\",\n \"positive\": \"positive\",\n \"negative\": \"negative\",\n \"information\": \"information\",\n \"warning\": \"warning\",\n \"primary\": \"brand\",\n \"secondary\": \"accent\",\n \"success\": \"positive\",\n \"danger\": \"negative\",\n \"info\": \"information\",\n);\n\n//escape svg function from bootstrap\n\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\")\n) !default;\n\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// will be deleted\n\n$accordion-icon-color: $brand;\n$accordion-icon-active-color: $on-brand;\n\n$sidebar-icon-color: black;\n$sidebar-icon-active-color: #0969a2;\n$sidebar-icon-hover-color: white;\n\n$link-color: $brand;",".label-text {\n font-style: normal;\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.25rem;\n border-radius: 0.625rem;\n padding: 0.5rem 1.125rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n \n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 0.75rem;\n line-height: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 0.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n padding: 0.5rem 1.25rem;\n border-radius: 0.75rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n\n}\n\n.body-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.25rem;\n letter-spacing: 0.25px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 1.125rem;\n line-height: 1.6875rem;\n letter-spacing: 0.75px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text {\n font-style: normal;\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1.625rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1.375rem;\n line-height: 1.75rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1.75rem;\n line-height: 2.25rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 1.5rem;\n line-height: 2rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 2rem;\n line-height: 2.5rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}","@use \"sass:map\";\n@import \"variables\";\n\n@import \"root\";\n@import \"general\";\n@import \"typography\";\n@import \"utilities\";\n\n/* @import \"accordion\";\n@import \"badge\";\n@import \"button\";\n@import \"card\";\n@import \"dropdown\";\n@import \"footer\";\n@import \"form-control\"; \n@import \"header\";\n@import \"list\";\n@import \"offcanvas\";\n@import \"select\";\n@import \"sidebar\";\n@import \"tabs\"; */\n\n@import \"badge\";\n@import \"button\";\n@import \"list\";\n@import \"card\";\n@import \"tabs\";",".badge {\n @extend .label-text;\n margin: 0 0.5rem;\n padding: 0.125rem 0.625rem;\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n &.badge-numerical {\n padding: 0 0.5rem;\n border-radius: 0.5rem;\n }\n\n &.bg-secondary-flat {\n color: var(--on-surface);\n background-color: var(--surface) !important;\n }\n}\n\n.badge-sm {\n @extend .label-text-sm;\n\n &.badge-numerical {\n padding: 0 0.375rem;\n border-radius: 0.375rem;\n }\n}\n\n.badge-lg {\n @extend .label-text-lg;\n\n &.badge-numerical {\n padding: 0 0.625rem;\n border-radius: 0.625rem;\n }\n}\n\n.badge-collections {\n margin-bottom: 1rem;\n}",".button-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.btn {\n @extend .button-text;\n\n @each $key, $value in $color-envs {\n &.btn-#{$key} {\n background-color: var(--#{$value});\n border-color: var(--#{$value});\n color: var(--on-#{$value});\n \n &:hover {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n }\n \n &:focus, &:active {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n \n /* .btn-outline-#{$key} {\n background: none;\n color: var(--#{$value});\n border-color: var(--#{$value});\n \n &:hover {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n background: none;\n }\n \n &:focus, &:active {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat);\n background: none;\n }\n \n &:disabled {\n border-color: var(--bs-gray-500);\n color: var(--bs-gray-500);\n }\n }\n \n .btn-#{$key}-flat {\n background-color: var(--#{$value}-flat);\n border-color: var(--#{$value}-flat);\n color: var(--on-#{$value}-flat);\n \n &:hover {\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n color: var(--on-#{$value}-flat);\n text-decoration: underline;\n }\n \n &:focus, &:active {\n color: var(--on-#{$value}-flat);\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n text-decoration: underline;\n box-shadow: none !important;\n }\n \n &:disabled {\n background-color: var(--bs-gray-200);\n border-color: var(--bs-gray-200);\n color: var(--bs-gray-500);\n }\n } */\n }\n \n &.btn-secondary {\n background: var(--brand-flat);\n color: var(--on-brand-flat);\n border: none;\n\n &:hover {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n }\n \n &:focus, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\n color: var(--on-brand-flat);\n background-color: var(--surface);\n border-color: var(--outline);\n \n &:hover {\n color: var(--on-brand-flat);\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:focus, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n &.btn-sm {\n @extend .button-text-sm;\n }\n \n &.btn-lg {\n @extend .button-text-lg;\n }\n\n .badge {\n top: 0;\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".list-group {\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n padding: 0.75rem;\n\n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\n color: var(--on-surface-variant);\n }\n\n .list-group-item-header {\n min-width: max-content;\n }\n\n i {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n font-size: 1.125rem;\n font-weight: 500;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n }\n\n a {\n text-decoration: none;\n }\n\n &:hover {\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n background-color: var(--surface-1);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\n }\n }\n\n &.border {\n border: 1px solid var(--outline) !important;\n\n &.divider{\n .list-group-item:first-child {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n }\n\n .list-group-item:last-child {\n border-bottom: none;\n border-radius: 0.5rem;\n }\n }\n }\n\n &.twoline {\n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n }\n }\n }\n}\n\n/* \n.list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n */",".card {\n border: 1px solid var(--outline);\n border-radius: 0.5rem;\n\n .card-body {\n padding: 1rem;\n\n .card-title {\n @extend .title-text;\n color: var(--on-surface);\n margin-bottom: 0;\n }\n \n .card-text {\n @extend .body-text;\n color: var(--on-surface-variant);\n //margin-bottom: 1rem;\n }\n\n }\n\n .card-actions {\n padding: 1rem\n }\n\n .card-img-top {\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n img {\n aspect-ratio: 4 / 3;\n }\n\n .card-image {\n width: 100%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\n aspect-ratio: 2/3;\n\n @media (max-width: 768px) {\n aspect-ratio: 1/1;\n }\n }\n\n &.elevated {\n background: var(--surface);\n\n .card-actions {\n background: var(--surface);\n }\n }\n}\n\n.masonry-card {\n .card-header {\n @extend .title-text;\n color: var(--on-surface);\n background-color: var(--surface-2);\n padding: 1rem;\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n .card-body {\n background-color: var(--surface);\n\n .card-title {\n @extend .heading-text;\n margin-bottom: 1rem;\n }\n \n ul, ol {\n margin-bottom: 0;\n }\n }\n\n .card-actions {\n background: var(--surface);\n }\n\n .list-group {\n &:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n }\n}\n/* \n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n} */",".tab-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n vertical-align: middle;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n\n .nav-link {\n @extend .tab-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n\n // &:hover {\n // background-color: var(--surface);\n // }\n\n &:focus, &:active {\n box-shadow: none !important;\n border-bottom: 2px solid var(--brand-flat-strong);\n }\n\n &:disabled {\n background: none;\n border-bottom: 2px solid var(--surface);\n color: var(--outline);\n }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n border: 2px solid transparent;\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n color: var(--outline);\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: none !important;\n border: 2px solid var(--brand-flat-strong);\n }\n }\n}\n\n.tab-content {\n margin-top: 1rem;\n}\n\n.nav-scroll {\n display: flex;\n .nav-scroll-wrapper {\n white-space: nowrap;\n display: flex;\n overflow: hidden;\n\n .nav {\n flex-wrap: nowrap;\n }\n }\n}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .tab-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .tab-text-lg;\n }\n }\n}"]} \ No newline at end of file diff --git a/dist/css/pdis-design-system.min.css b/dist/css/pdis-design-system.min.css index c275879d8ed1..394b46b02d17 100644 --- a/dist/css/pdis-design-system.min.css +++ b/dist/css/pdis-design-system.min.css @@ -1,2 +1,2 @@ -@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap);:root{--brand:#2c5ab4;--brand-strong:#03429c;--on-brand:#ffffff;--brand-flat:#d8e2ff;--brand-flat-strong:#afc6ff;--on-brand-flat:#001847;--accent:#705d00;--accent-strong:#554600;--on-accent:#ffffff;--accent-flat:#ffe25b;--accent-flat-strong:#e7c400;--on-accent-flat:#221b00;--positive:#286b2a;--positive-strong:#085314;--on-positive:#ffffff;--positive-flat:#acf5a3;--positive-flat-strong:#90d889;--on-positive-flat:#012104;--negative:#ba1b1b;--negative-strong:#930006;--on-negative:#ffffff;--negative-flat:#ffdad4;--negative-flat-strong:#ffb4a9;--on-negative-flat:#410001;--information:#006687;--information-strong:#004d67;--on-information:#ffffff;--information-flat:#bee8ff;--information-flat-strong:#6bd2ff;--on-information-flat:#001e2b;--warning:#a53d00;--warning-strong:#7d2c00;--on-warning:#ffffff;--warning-flat:#ffdbcb;--warning-flat-strong:#ffb593;--on-warning-flat:#360f00;--surface:#FAFDF9;--surface-1:#F0F5F6;--surface-2:#EAF0F3;--surface-3:#E3EBF1;--surface-4:#E1E9F1;--surface-5:#DDE6EF;--on-surface:#191C1B;--surface-variant:#E2E2EC;--on-surface-variant:#44464E;--outline:#757780;--background:#FAFDF9;--on-background:#191C1B;--bs-primary:var(--brand);--bs-secondary:var(--accent);--bs-success:var(--positive);--bs-info:var(--information);--bs-warning:var(--warning);--bs-danger:var(--negative);--bs-background:$background;--bs-on-background:$on-background;--bs-dark:var(--bs-on-background);--bs-body-bg:var(--bs-background);--bs-body-color:var(--bs-on-background);--bs-font-sans-serif:"Noto Sans","Noto Sans TC",sans-serif}a{color:var(--information);text-underline-offset:0.1em}a:visited{color:var(--accent-strong)}a:hover{color:var(--information-strong)}a:active{color:var(--information-strong)}a:focus{background-color:var(--accent-flat);color:var(--information-strong)}.language-switch{padding:6px}.tab-scrollable-btn:focus{outline:0;box-shadow:none}.icon{margin-right:.5rem}.logo{margin:1rem .5rem 1rem .75rem}.social-icon{margin-left:.5rem;margin-right:.5rem}.social-icon:first-child{margin-left:0}.social-icon:last-child{margin-right:0}.trad-chinese-formal{list-style:trad-chinese-formal}.trad-chinese-informal{list-style:trad-chinese-informal}.horizontal-label{width:-webkit-fill-available;margin-bottom:0}.bd-navbar{background-color:var(--bs-gray-100)}.bd-navbar .navbar-nav .nav-link{color:rgba(44,90,180,.85)}.bd-navbar .navbar-nav .nav-link:focus,.bd-navbar .navbar-nav .nav-link:hover{color:#2c5ab4}.bd-navbar .navbar-nav .nav-link.active{color:#2c5ab4}.bd-navbar .navbar-toggler{color:#000}.navbar-size{background-color:#e9ecef}.bd-footer a{color:#2c5ab4;text-decoration:underline}.bd-footer a:focus,.bd-footer a:hover{color:#2c5ab4;text-decoration:underline}.badge,.btn,.button-text,.label-text,.nav-pills .nav-link,.nav-tabs .nav-item .nav-link,.tab-text{font-style:normal;font-weight:500;font-size:.875rem;line-height:1.25rem;border-radius:.625rem;padding:.5rem 1.125rem;letter-spacing:.1px;color:var(--on-background);background:0 0}.badge:disabled,.btn:disabled,.button-text:disabled,.label-text:disabled,.nav-pills .nav-link:disabled,.nav-tabs .nav-item .nav-link:disabled,.tab-text:disabled{color:var(--outline)}.badge-sm,.btn.btn-sm,.button-text-sm,.label-text-sm,.tab-text-sm,.tabs-sm .nav-item .nav-link{font-style:normal;font-weight:500;font-size:.75rem;line-height:1rem;padding:.5rem 1rem;border-radius:.5rem;letter-spacing:.5px;color:var(--on-background);background:0 0}.badge-sm:disabled,.btn.btn-sm:disabled,.button-text-sm:disabled,.label-text-sm:disabled,.tab-text-sm:disabled,.tabs-sm .nav-item .nav-link:disabled{color:var(--outline)}.badge-lg,.btn.btn-lg,.button-text-lg,.label-text-lg,.tab-text-lg,.tabs-lg .nav-item .nav-link{font-style:normal;font-weight:500;font-size:1rem;line-height:1.5rem;padding:.5rem 1.25rem;border-radius:.75rem;letter-spacing:.1px;color:var(--on-background);background:0 0}.badge-lg:disabled,.btn.btn-lg:disabled,.button-text-lg:disabled,.label-text-lg:disabled,.tab-text-lg:disabled,.tabs-lg .nav-item .nav-link:disabled{color:var(--outline)}.body-text,.card .card-body .card-text,.list-group .list-group-item{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;letter-spacing:.5px;color:var(--on-background)}.body-text:disabled,.card .card-body .card-text:disabled,.list-group .list-group-item:disabled{color:var(--outline)}.body-text-sm,.list-group .list-group-item .list-group-item-subheader{font-style:normal;font-weight:400;font-size:.875rem;line-height:1.25rem;letter-spacing:.25px;color:var(--on-background)}.body-text-sm:disabled,.list-group .list-group-item .list-group-item-subheader:disabled{color:var(--outline)}.body-text-lg{font-style:normal;font-weight:400;font-size:1.125rem;line-height:1.6875rem;letter-spacing:.75px;color:var(--on-background)}.body-text-lg:disabled{color:var(--outline)}.card .card-body .card-title,.masonry-card .card-header,.title-text{font-style:normal;font-weight:500;font-size:1.125rem;line-height:1.625rem;color:var(--on-background)}.card .card-body .card-title:disabled,.masonry-card .card-header:disabled,.title-text:disabled{color:var(--outline)}.title-text-sm{font-style:normal;font-weight:500;font-size:1rem;line-height:1.5rem;letter-spacing:.1px;color:var(--on-background)}.title-text-sm:disabled{color:var(--outline)}.title-text-lg{font-style:normal;font-weight:500;font-size:1.375rem;line-height:1.75rem;color:var(--on-background)}.title-text-lg:disabled{color:var(--outline)}.heading-text,.masonry-card .card-body .card-title{font-style:normal;font-weight:400;font-size:1.75rem;line-height:2.25rem;color:var(--on-background)}.heading-text:disabled,.masonry-card .card-body .card-title:disabled{color:var(--outline)}.heading-text-sm{font-style:normal;font-weight:400;font-size:1.5rem;line-height:2rem;color:var(--on-background)}.heading-text-sm:disabled{color:var(--outline)}.heading-text-lg{font-style:normal;font-weight:400;font-size:2rem;line-height:2.5rem;color:var(--on-background)}.heading-text-lg:disabled{color:var(--outline)}.bg-brand{background-color:var(--brand)!important;color:var(--on-brand)}.bg-brand-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)}.bg-accent-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)}.bg-positive-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)}.bg-negative-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-information{background-color:var(--information)!important;color:var(--on-information)}.bg-information-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)}.bg-warning-flat{background-color:var(--warning-flat)!important;color:var(--on-warning-flat)}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)}.bg-primary-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)}.bg-secondary-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)}.bg-success-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)}.bg-danger-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-info{background-color:var(--information)!important;color:var(--on-information)}.bg-info-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.text-brand{color:var(--brand)!important}.text-accent{color:var(--accent)!important}.text-positive{color:var(--positive)!important}.text-negative{color:var(--negative)!important}.text-information{color:var(--information)!important}.text-warning{color:var(--warning)!important}.text-primary{color:var(--brand)!important}.text-secondary{color:var(--accent)!important}.text-success{color:var(--positive)!important}.text-danger{color:var(--negative)!important}.text-info{color:var(--information)!important}.badge{margin:0 .5rem;padding:.125rem .625rem;color:var(--on-brand-flat);background-color:var(--brand-flat)}.badge:first-child{margin-left:0}.badge:last-child{margin-right:0}.badge.badge-numerical{padding:0 .5rem;border-radius:.5rem}.badge.bg-secondary-flat{color:var(--on-surface);background-color:var(--surface)!important}.badge-sm.badge-numerical{padding:0 .375rem;border-radius:.375rem}.badge-lg.badge-numerical{padding:0 .625rem;border-radius:.625rem}.badge-collections{margin-bottom:1rem}.btn:hover,.button-text:hover{color:var(--on-background);background-color:var(--surface)}.btn:active,.btn:focus,.button-text:active,.button-text:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn i,.button-text i{margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;font-weight:500}.btn i:first-child,.button-text i:first-child{margin-left:0}.btn i:last-child,.button-text i:last-child{margin-right:0}.btn.btn-sm:hover,.button-text-sm:hover{color:var(--on-background);background-color:var(--surface)}.btn.btn-sm:active,.btn.btn-sm:focus,.button-text-sm:active,.button-text-sm:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-sm i,.button-text-sm i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.btn.btn-sm i:first-child,.button-text-sm i:first-child{margin-left:0}.btn.btn-sm i:last-child,.button-text-sm i:last-child{margin-right:0}.btn.btn-lg:hover,.button-text-lg:hover{color:var(--on-background);background-color:var(--surface)}.btn.btn-lg:active,.btn.btn-lg:focus,.button-text-lg:active,.button-text-lg:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-lg i,.button-text-lg i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.btn.btn-lg i:first-child,.button-text-lg i:first-child{margin-left:0}.btn.btn-lg i:last-child,.button-text-lg i:last-child{margin-right:0}.btn.btn-brand{background-color:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.btn-brand:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.btn.btn-brand:active,.btn.btn-brand:focus{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-brand:disabled{color:var(--outline)}.btn.btn-accent{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.btn-accent:hover{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn.btn-accent:active,.btn.btn-accent:focus{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-accent:disabled{color:var(--outline)}.btn.btn-positive{background-color:var(--positive);border-color:var(--positive);color:var(--on-positive)}.btn.btn-positive:hover{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive)}.btn.btn-positive:active,.btn.btn-positive:focus{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-positive:disabled{color:var(--outline)}.btn.btn-negative{background-color:var(--negative);border-color:var(--negative);color:var(--on-negative)}.btn.btn-negative:hover{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative)}.btn.btn-negative:active,.btn.btn-negative:focus{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-negative:disabled{color:var(--outline)}.btn.btn-information{background-color:var(--information);border-color:var(--information);color:var(--on-information)}.btn.btn-information:hover{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information)}.btn.btn-information:active,.btn.btn-information:focus{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-information:disabled{color:var(--outline)}.btn.btn-warning{background-color:var(--warning);border-color:var(--warning);color:var(--on-warning)}.btn.btn-warning:hover{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning)}.btn.btn-warning:active,.btn.btn-warning:focus{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-flat-strong)!important}.btn.btn-warning:disabled{color:var(--outline)}.btn.btn-primary{background-color:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.btn-primary:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.btn.btn-primary:active,.btn.btn-primary:focus{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-primary:disabled{color:var(--outline)}.btn.btn-secondary{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.btn-secondary:hover{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn.btn-secondary:active,.btn.btn-secondary:focus{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline)}.btn.btn-success{background-color:var(--positive);border-color:var(--positive);color:var(--on-positive)}.btn.btn-success:hover{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive)}.btn.btn-success:active,.btn.btn-success:focus{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-success:disabled{color:var(--outline)}.btn.btn-danger{background-color:var(--negative);border-color:var(--negative);color:var(--on-negative)}.btn.btn-danger:hover{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative)}.btn.btn-danger:active,.btn.btn-danger:focus{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-danger:disabled{color:var(--outline)}.btn.btn-info{background-color:var(--information);border-color:var(--information);color:var(--on-information)}.btn.btn-info:hover{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information)}.btn.btn-info:active,.btn.btn-info:focus{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-info:disabled{color:var(--outline)}.btn.btn-secondary{background:var(--brand-flat);color:var(--on-brand-flat);border:none}.btn.btn-secondary:hover{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none}.btn.btn-secondary:active,.btn.btn-secondary:focus{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none;box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline);background-color:var(--surface)}.btn.btn-semi-secondary{color:var(--on-brand-flat);background-color:var(--surface);border-color:var(--outline)}.btn.btn-semi-secondary:hover{color:var(--on-brand-flat);background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:active,.btn.btn-semi-secondary:focus{color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)!important;background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:disabled{color:var(--outline);background-color:var(--surface);border:0}.btn.btn-tertiary{background:0 0;color:var(--on-brand-flat)}.btn.btn-tertiary:hover{background-color:var(--surface);color:var(--on-brand-flat)}.btn.btn-tertiary:active,.btn.btn-tertiary:focus{background-color:var(--surface);color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-tertiary:disabled{color:var(--outline);background-color:var(--surface)}.btn .badge{top:0;margin:0 .25rem}.btn .badge:first-child{margin-left:0}.btn .badge:last-child{margin-right:0}.list-group .list-group-item{display:flex;align-items:center;border:none;padding:1rem}.list-group .list-group-item .list-group-item-subheader{margin-left:.5rem}.list-group .list-group-item i{margin-left:.5rem;margin-right:.5rem;font-size:1.125rem;font-weight:500}.list-group .list-group-item i:first-child{margin-left:0}.list-group .list-group-item i:last-child{margin-right:0}.list-group .list-group-item a{text-decoration:none}.list-group .list-group-item:active,.list-group .list-group-item:focus,.list-group .list-group-item:hover{background-color:var(--surface)}.list-group.divider .list-group-item{border-bottom:1px solid var(--outline);border-radius:0}.list-group.border{border:1px solid var(--outline)!important}.list-group.border.divider .list-group-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.list-group.border.divider .list-group-item:last-child{border-bottom:none;border-radius:.5rem}.list-group.twoline .list-group-item{display:flex}.list-group.twoline .list-group-item .list-group-item-subheader{margin-left:0}.card{border:1px solid var(--outline);border-radius:.5rem}.card .card-body{padding:1rem}.card .card-body .card-title{color:var(--on-surface);margin-bottom:0}.card .card-body .card-text{color:var(--on-surface-variant)}.card .card-actions{padding:1rem}.card .card-img-top{border-top-right-radius:.5rem;border-top-left-radius:.5rem}.card img{aspect-ratio:4/3}.card .card-image{width:100%;background-size:cover!important;background-position:center!important;height:100%;aspect-ratio:2/3}@media (max-width:768px){.card .card-image{aspect-ratio:1/1}}.card.elevated{background:var(--surface)}.card.elevated .card-actions{background:var(--surface)}.masonry-card .card-header{color:var(--on-surface);background-color:var(--surface-2);padding:1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.masonry-card .card-body{background-color:var(--surface)}.masonry-card .card-body .card-title{margin-bottom:1rem}.masonry-card .card-body ol,.masonry-card .card-body ul{margin-bottom:0}.masonry-card .card-actions{background:var(--surface)}.masonry-card .list-group:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.nav-pills .nav-link:hover,.nav-tabs .nav-item .nav-link:hover,.tab-text:hover{color:var(--on-background);background-color:var(--surface)}.nav-pills .nav-link:active,.nav-pills .nav-link:focus,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:focus,.tab-text:active,.tab-text:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.nav-pills .nav-link i,.nav-tabs .nav-item .nav-link i,.tab-text i{margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;font-weight:500}.nav-pills .nav-link i:first-child,.nav-tabs .nav-item .nav-link i:first-child,.tab-text i:first-child{margin-left:0}.nav-pills .nav-link i:last-child,.nav-tabs .nav-item .nav-link i:last-child,.tab-text i:last-child{margin-right:0}.tab-text-sm:hover,.tabs-sm .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.tab-text-sm:active,.tab-text-sm:focus,.tabs-sm .nav-item .nav-link:active,.tabs-sm .nav-item .nav-link:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.tab-text-sm i,.tabs-sm .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.tab-text-sm i:first-child,.tabs-sm .nav-item .nav-link i:first-child{margin-left:0}.tab-text-sm i:last-child,.tabs-sm .nav-item .nav-link i:last-child{margin-right:0}.tab-text-lg:hover,.tabs-lg .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.tab-text-lg:active,.tab-text-lg:focus,.tabs-lg .nav-item .nav-link:active,.tabs-lg .nav-item .nav-link:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.tab-text-lg i,.tabs-lg .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.tab-text-lg i:first-child,.tabs-lg .nav-item .nav-link i:first-child{margin-left:0}.tab-text-lg i:last-child,.tabs-lg .nav-item .nav-link i:last-child{margin-right:0}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block}.nav-tabs .nav-item .nav-link{border:0;text-decoration:none;border-radius:8px 8px 0 0;border-bottom:2px solid var(--surface-variant)}.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:focus{box-shadow:none!important;border-bottom:2px solid var(--brand-flat-strong)}.nav-tabs .nav-item .nav-link:disabled{background:0 0;border-bottom:2px solid var(--surface)}.nav-tabs .nav-item .nav-link.active{border-bottom:2px solid var(--brand);margin-bottom:1px}.nav-pills .nav-link{text-decoration:none;margin-left:2px;margin-right:2px}.nav-pills .nav-link:disabled{background:0 0}.nav-pills .nav-link.active{color:var(--on-background);background-color:var(--surface-1)}.tab-content{margin-top:1rem}.nav-scroll{display:flex}.nav-scroll .nav-scroll-wrapper{white-space:nowrap;display:flex;overflow:hidden}.nav-scroll .nav-scroll-wrapper .nav{flex-wrap:nowrap} +@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap);:root{--brand:#2c5ab4;--brand-strong:#03429c;--on-brand:#ffffff;--brand-flat:#d8e2ff;--brand-flat-strong:#afc6ff;--on-brand-flat:#001847;--accent:#705d00;--accent-strong:#554600;--on-accent:#ffffff;--accent-flat:#ffe25b;--accent-flat-strong:#e7c400;--on-accent-flat:#221b00;--positive:#286b2a;--positive-strong:#085314;--on-positive:#ffffff;--positive-flat:#acf5a3;--positive-flat-strong:#90d889;--on-positive-flat:#012104;--negative:#ba1b1b;--negative-strong:#930006;--on-negative:#ffffff;--negative-flat:#ffdad4;--negative-flat-strong:#ffb4a9;--on-negative-flat:#410001;--information:#006687;--information-strong:#004d67;--on-information:#ffffff;--information-flat:#bee8ff;--information-flat-strong:#6bd2ff;--on-information-flat:#001e2b;--warning:#a53d00;--warning-strong:#7d2c00;--on-warning:#ffffff;--warning-flat:#ffdbcb;--warning-flat-strong:#ffb593;--on-warning-flat:#360f00;--surface:#FAFDF9;--surface-1:#F0F5F6;--surface-2:#EAF0F3;--surface-3:#E3EBF1;--surface-4:#E1E9F1;--surface-5:#DDE6EF;--on-surface:#191C1B;--surface-variant:#E2E2EC;--on-surface-variant:#44464E;--outline:#757780;--background:#FAFDF9;--on-background:#191C1B;--bs-primary:var(--brand);--bs-secondary:var(--accent);--bs-success:var(--positive);--bs-info:var(--information);--bs-warning:var(--warning);--bs-danger:var(--negative);--bs-background:$background;--bs-on-background:$on-background;--bs-dark:var(--bs-on-background);--bs-body-bg:var(--bs-background);--bs-body-color:var(--bs-on-background);--bs-font-sans-serif:"Noto Sans","Noto Sans TC",sans-serif}a{color:var(--information);text-underline-offset:0.1em}a:visited{color:var(--accent-strong)}a:hover{color:var(--information-strong)}a:active{color:var(--information-strong)}a:focus{background-color:var(--accent-flat);color:var(--information-strong)}.language-switch{padding:6px}.tab-scrollable-btn:focus{outline:0;box-shadow:none}.icon{margin-right:.5rem}.logo{margin:1rem .5rem 1rem .75rem}.social-icon{margin-left:.5rem;margin-right:.5rem}.social-icon:first-child{margin-left:0}.social-icon:last-child{margin-right:0}.trad-chinese-formal{list-style:trad-chinese-formal}.trad-chinese-informal{list-style:trad-chinese-informal}.horizontal-label{width:-webkit-fill-available;margin-bottom:0}.bd-navbar{background-color:var(--bs-gray-100)}.bd-navbar .navbar-nav .nav-link{color:rgba(44,90,180,.85)}.bd-navbar .navbar-nav .nav-link:focus,.bd-navbar .navbar-nav .nav-link:hover{color:#2c5ab4}.bd-navbar .navbar-nav .nav-link.active{color:#2c5ab4}.bd-navbar .navbar-toggler{color:#000}.navbar-size{background-color:#e9ecef}.bd-footer a{color:#2c5ab4;text-decoration:underline}.bd-footer a:focus,.bd-footer a:hover{color:#2c5ab4;text-decoration:underline}.badge,.btn,.button-text,.label-text,.nav-pills .nav-link,.nav-tabs .nav-item .nav-link,.tab-text{font-style:normal;font-weight:500;font-size:.875rem;line-height:1.25rem;border-radius:.625rem;padding:.5rem 1.125rem;letter-spacing:.1px;color:var(--on-background);background:0 0}.badge:disabled,.btn:disabled,.button-text:disabled,.label-text:disabled,.nav-pills .nav-link:disabled,.nav-tabs .nav-item .nav-link:disabled,.tab-text:disabled{color:var(--outline)}.badge-sm,.btn.btn-sm,.button-text-sm,.label-text-sm,.tab-text-sm,.tabs-sm .nav-item .nav-link{font-style:normal;font-weight:500;font-size:.75rem;line-height:1rem;padding:.5rem 1rem;border-radius:.5rem;letter-spacing:.5px;color:var(--on-background);background:0 0}.badge-sm:disabled,.btn.btn-sm:disabled,.button-text-sm:disabled,.label-text-sm:disabled,.tab-text-sm:disabled,.tabs-sm .nav-item .nav-link:disabled{color:var(--outline)}.badge-lg,.btn.btn-lg,.button-text-lg,.label-text-lg,.tab-text-lg,.tabs-lg .nav-item .nav-link{font-style:normal;font-weight:500;font-size:1rem;line-height:1.5rem;padding:.5rem 1.25rem;border-radius:.75rem;letter-spacing:.1px;color:var(--on-background);background:0 0}.badge-lg:disabled,.btn.btn-lg:disabled,.button-text-lg:disabled,.label-text-lg:disabled,.tab-text-lg:disabled,.tabs-lg .nav-item .nav-link:disabled{color:var(--outline)}.body-text,.card .card-body .card-text,.list-group .list-group-item{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;letter-spacing:.5px;color:var(--on-background)}.body-text:disabled,.card .card-body .card-text:disabled,.list-group .list-group-item:disabled{color:var(--outline)}.body-text-sm,.list-group .list-group-item .list-group-item-subheader{font-style:normal;font-weight:400;font-size:.875rem;line-height:1.25rem;letter-spacing:.25px;color:var(--on-background)}.body-text-sm:disabled,.list-group .list-group-item .list-group-item-subheader:disabled{color:var(--outline)}.body-text-lg{font-style:normal;font-weight:400;font-size:1.125rem;line-height:1.6875rem;letter-spacing:.75px;color:var(--on-background)}.body-text-lg:disabled{color:var(--outline)}.card .card-body .card-title,.masonry-card .card-header,.title-text{font-style:normal;font-weight:500;font-size:1.125rem;line-height:1.625rem;color:var(--on-background)}.card .card-body .card-title:disabled,.masonry-card .card-header:disabled,.title-text:disabled{color:var(--outline)}.title-text-sm{font-style:normal;font-weight:500;font-size:1rem;line-height:1.5rem;letter-spacing:.1px;color:var(--on-background)}.title-text-sm:disabled{color:var(--outline)}.title-text-lg{font-style:normal;font-weight:500;font-size:1.375rem;line-height:1.75rem;color:var(--on-background)}.title-text-lg:disabled{color:var(--outline)}.heading-text,.masonry-card .card-body .card-title{font-style:normal;font-weight:400;font-size:1.75rem;line-height:2.25rem;color:var(--on-background)}.heading-text:disabled,.masonry-card .card-body .card-title:disabled{color:var(--outline)}.heading-text-sm{font-style:normal;font-weight:400;font-size:1.5rem;line-height:2rem;color:var(--on-background)}.heading-text-sm:disabled{color:var(--outline)}.heading-text-lg{font-style:normal;font-weight:400;font-size:2rem;line-height:2.5rem;color:var(--on-background)}.heading-text-lg:disabled{color:var(--outline)}.bg-brand{background-color:var(--brand)!important;color:var(--on-brand)}.bg-brand-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-accent{background-color:var(--accent)!important;color:var(--on-accent)}.bg-accent-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-positive{background-color:var(--positive)!important;color:var(--on-positive)}.bg-positive-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-negative{background-color:var(--negative)!important;color:var(--on-negative)}.bg-negative-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-information{background-color:var(--information)!important;color:var(--on-information)}.bg-information-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.bg-warning{background-color:var(--warning)!important;color:var(--on-warning)}.bg-warning-flat{background-color:var(--warning-flat)!important;color:var(--on-warning-flat)}.bg-primary{background-color:var(--brand)!important;color:var(--on-brand)}.bg-primary-flat{background-color:var(--brand-flat)!important;color:var(--on-brand-flat)}.bg-secondary{background-color:var(--accent)!important;color:var(--on-accent)}.bg-secondary-flat{background-color:var(--accent-flat)!important;color:var(--on-accent-flat)}.bg-success{background-color:var(--positive)!important;color:var(--on-positive)}.bg-success-flat{background-color:var(--positive-flat)!important;color:var(--on-positive-flat)}.bg-danger{background-color:var(--negative)!important;color:var(--on-negative)}.bg-danger-flat{background-color:var(--negative-flat)!important;color:var(--on-negative-flat)}.bg-info{background-color:var(--information)!important;color:var(--on-information)}.bg-info-flat{background-color:var(--information-flat)!important;color:var(--on-information-flat)}.text-brand{color:var(--brand)!important}.text-accent{color:var(--accent)!important}.text-positive{color:var(--positive)!important}.text-negative{color:var(--negative)!important}.text-information{color:var(--information)!important}.text-warning{color:var(--warning)!important}.text-primary{color:var(--brand)!important}.text-secondary{color:var(--accent)!important}.text-success{color:var(--positive)!important}.text-danger{color:var(--negative)!important}.text-info{color:var(--information)!important}.badge{margin:0 .5rem;padding:.125rem .625rem;color:var(--on-brand-flat);background-color:var(--brand-flat)}.badge:first-child{margin-left:0}.badge:last-child{margin-right:0}.badge.badge-numerical{padding:0 .5rem;border-radius:.5rem}.badge.bg-secondary-flat{color:var(--on-surface);background-color:var(--surface)!important}.badge-sm.badge-numerical{padding:0 .375rem;border-radius:.375rem}.badge-lg.badge-numerical{padding:0 .625rem;border-radius:.625rem}.badge-collections{margin-bottom:1rem}.btn:hover,.button-text:hover{color:var(--on-background);background-color:var(--surface)}.btn:active,.btn:focus,.button-text:active,.button-text:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn i,.button-text i{margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;font-weight:500}.btn i:first-child,.button-text i:first-child{margin-left:0}.btn i:last-child,.button-text i:last-child{margin-right:0}.btn.btn-sm:hover,.button-text-sm:hover{color:var(--on-background);background-color:var(--surface)}.btn.btn-sm:active,.btn.btn-sm:focus,.button-text-sm:active,.button-text-sm:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-sm i,.button-text-sm i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500}.btn.btn-sm i:first-child,.button-text-sm i:first-child{margin-left:0}.btn.btn-sm i:last-child,.button-text-sm i:last-child{margin-right:0}.btn.btn-lg:hover,.button-text-lg:hover{color:var(--on-background);background-color:var(--surface)}.btn.btn-lg:active,.btn.btn-lg:focus,.button-text-lg:active,.button-text-lg:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-lg i,.button-text-lg i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500}.btn.btn-lg i:first-child,.button-text-lg i:first-child{margin-left:0}.btn.btn-lg i:last-child,.button-text-lg i:last-child{margin-right:0}.btn.btn-brand{background-color:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.btn-brand:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.btn.btn-brand:active,.btn.btn-brand:focus{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-brand:disabled{color:var(--outline)}.btn.btn-accent{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.btn-accent:hover{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn.btn-accent:active,.btn.btn-accent:focus{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-accent:disabled{color:var(--outline)}.btn.btn-positive{background-color:var(--positive);border-color:var(--positive);color:var(--on-positive)}.btn.btn-positive:hover{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive)}.btn.btn-positive:active,.btn.btn-positive:focus{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-positive:disabled{color:var(--outline)}.btn.btn-negative{background-color:var(--negative);border-color:var(--negative);color:var(--on-negative)}.btn.btn-negative:hover{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative)}.btn.btn-negative:active,.btn.btn-negative:focus{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-negative:disabled{color:var(--outline)}.btn.btn-information{background-color:var(--information);border-color:var(--information);color:var(--on-information)}.btn.btn-information:hover{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information)}.btn.btn-information:active,.btn.btn-information:focus{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-information:disabled{color:var(--outline)}.btn.btn-warning{background-color:var(--warning);border-color:var(--warning);color:var(--on-warning)}.btn.btn-warning:hover{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning)}.btn.btn-warning:active,.btn.btn-warning:focus{background-color:var(--warning-strong);border-color:var(--warning-strong);color:var(--on-warning);box-shadow:0 0 0 2px var(--warning-flat-strong)!important}.btn.btn-warning:disabled{color:var(--outline)}.btn.btn-primary{background-color:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.btn-primary:hover{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand)}.btn.btn-primary:active,.btn.btn-primary:focus{background-color:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-primary:disabled{color:var(--outline)}.btn.btn-secondary{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.btn-secondary:hover{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn.btn-secondary:active,.btn.btn-secondary:focus{background-color:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent);box-shadow:0 0 0 2px var(--accent-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline)}.btn.btn-success{background-color:var(--positive);border-color:var(--positive);color:var(--on-positive)}.btn.btn-success:hover{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive)}.btn.btn-success:active,.btn.btn-success:focus{background-color:var(--positive-strong);border-color:var(--positive-strong);color:var(--on-positive);box-shadow:0 0 0 2px var(--positive-flat-strong)!important}.btn.btn-success:disabled{color:var(--outline)}.btn.btn-danger{background-color:var(--negative);border-color:var(--negative);color:var(--on-negative)}.btn.btn-danger:hover{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative)}.btn.btn-danger:active,.btn.btn-danger:focus{background-color:var(--negative-strong);border-color:var(--negative-strong);color:var(--on-negative);box-shadow:0 0 0 2px var(--negative-flat-strong)!important}.btn.btn-danger:disabled{color:var(--outline)}.btn.btn-info{background-color:var(--information);border-color:var(--information);color:var(--on-information)}.btn.btn-info:hover{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information)}.btn.btn-info:active,.btn.btn-info:focus{background-color:var(--information-strong);border-color:var(--information-strong);color:var(--on-information);box-shadow:0 0 0 2px var(--information-flat-strong)!important}.btn.btn-info:disabled{color:var(--outline)}.btn.btn-secondary{background:var(--brand-flat);color:var(--on-brand-flat);border:none}.btn.btn-secondary:hover{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none}.btn.btn-secondary:active,.btn.btn-secondary:focus{color:var(--on-brand-flat);background:var(--brand-flat-strong);border:none;box-shadow:0 0 0 2px var(--brand-flat-strong)!important}.btn.btn-secondary:disabled{color:var(--outline);background-color:var(--surface)}.btn.btn-semi-secondary{color:var(--on-brand-flat);background-color:var(--surface);border-color:var(--outline)}.btn.btn-semi-secondary:hover{color:var(--on-brand-flat);background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:active,.btn.btn-semi-secondary:focus{color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)!important;background:var(--surface-1);border-color:var(--outline)}.btn.btn-semi-secondary:disabled{color:var(--outline);background-color:var(--surface);border:0}.btn.btn-tertiary{background:0 0;color:var(--on-brand-flat)}.btn.btn-tertiary:hover{background-color:var(--surface);color:var(--on-brand-flat)}.btn.btn-tertiary:active,.btn.btn-tertiary:focus{background-color:var(--surface);color:var(--on-brand-flat);box-shadow:0 0 0 2px var(--brand-flat-strong)}.btn.btn-tertiary:disabled{color:var(--outline);background-color:var(--surface)}.btn .badge{top:0;margin:0 .25rem}.btn .badge:first-child{margin-left:0}.btn .badge:last-child{margin-right:0}.list-group .list-group-item{display:flex;align-items:center;border:none;padding:.75rem}.list-group .list-group-item .list-group-item-subheader{margin-left:.5rem;color:var(--on-surface-variant)}.list-group .list-group-item .list-group-item-header{min-width:max-content}.list-group .list-group-item i{margin-left:.5rem;margin-right:.5rem;font-size:1.125rem;font-weight:500}.list-group .list-group-item i:first-child{margin-left:0}.list-group .list-group-item i:last-child{margin-right:0}.list-group .list-group-item a{text-decoration:none}.list-group .list-group-item:hover{background-color:var(--surface)}.list-group .list-group-item:active,.list-group .list-group-item:focus{background-color:var(--surface-1)}.list-group.divider .list-group-item{border-bottom:1px solid var(--outline);border-radius:0}.list-group.border{border:1px solid var(--outline)!important}.list-group.border.divider .list-group-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.list-group.border.divider .list-group-item:last-child{border-bottom:none;border-radius:.5rem}.list-group.twoline .list-group-item{display:flex}.list-group.twoline .list-group-item .list-group-item-subheader{margin-left:0}.card{border:1px solid var(--outline);border-radius:.5rem}.card .card-body{padding:1rem}.card .card-body .card-title{color:var(--on-surface);margin-bottom:0}.card .card-body .card-text{color:var(--on-surface-variant)}.card .card-actions{padding:1rem}.card .card-img-top{border-top-right-radius:.5rem;border-top-left-radius:.5rem}.card img{aspect-ratio:4/3}.card .card-image{width:100%;background-size:cover!important;background-position:center!important;height:100%;aspect-ratio:2/3}@media (max-width:768px){.card .card-image{aspect-ratio:1/1}}.card.elevated{background:var(--surface)}.card.elevated .card-actions{background:var(--surface)}.masonry-card .card-header{color:var(--on-surface);background-color:var(--surface-2);padding:1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.masonry-card .card-body{background-color:var(--surface)}.masonry-card .card-body .card-title{margin-bottom:1rem}.masonry-card .card-body ol,.masonry-card .card-body ul{margin-bottom:0}.masonry-card .card-actions{background:var(--surface)}.masonry-card .list-group:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.nav-pills .nav-link:hover,.nav-tabs .nav-item .nav-link:hover,.tab-text:hover{color:var(--on-background);background-color:var(--surface)}.nav-pills .nav-link:active,.nav-pills .nav-link:focus,.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:focus,.tab-text:active,.tab-text:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.nav-pills .nav-link i,.nav-tabs .nav-item .nav-link i,.tab-text i{margin-left:.25rem;margin-right:.25rem;font-size:1.125rem;font-weight:500;vertical-align:middle}.nav-pills .nav-link i:first-child,.nav-tabs .nav-item .nav-link i:first-child,.tab-text i:first-child{margin-left:0}.nav-pills .nav-link i:last-child,.nav-tabs .nav-item .nav-link i:last-child,.tab-text i:last-child{margin-right:0}.nav-pills .nav-link span,.nav-tabs .nav-item .nav-link span,.tab-text span{vertical-align:middle}.tab-text-sm:hover,.tabs-sm .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.tab-text-sm:active,.tab-text-sm:focus,.tabs-sm .nav-item .nav-link:active,.tabs-sm .nav-item .nav-link:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.tab-text-sm i,.tabs-sm .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1rem;font-weight:500;vertical-align:middle}.tab-text-sm i:first-child,.tabs-sm .nav-item .nav-link i:first-child{margin-left:0}.tab-text-sm i:last-child,.tabs-sm .nav-item .nav-link i:last-child{margin-right:0}.tab-text-sm span,.tabs-sm .nav-item .nav-link span{vertical-align:middle}.tab-text-lg:hover,.tabs-lg .nav-item .nav-link:hover{color:var(--on-background);background-color:var(--surface)}.tab-text-lg:active,.tab-text-lg:focus,.tabs-lg .nav-item .nav-link:active,.tabs-lg .nav-item .nav-link:focus{color:var(--on-background);background-color:var(--surface-1);box-shadow:0 0 0 2px var(--brand-flat-strong)}.tab-text-lg i,.tabs-lg .nav-item .nav-link i{margin-left:.25rem;margin-right:.25rem;font-size:1.25rem;font-weight:500;vertical-align:middle}.tab-text-lg i:first-child,.tabs-lg .nav-item .nav-link i:first-child{margin-left:0}.tab-text-lg i:last-child,.tabs-lg .nav-item .nav-link i:last-child{margin-right:0}.tab-text-lg span,.tabs-lg .nav-item .nav-link span{vertical-align:middle}.nav-tabs{border-bottom:0}.nav-tabs .nav-item{display:inline-block}.nav-tabs .nav-item .nav-link{border:0;text-decoration:none;border-radius:8px 8px 0 0;border-bottom:2px solid var(--surface-variant)}.nav-tabs .nav-item .nav-link:active,.nav-tabs .nav-item .nav-link:focus{box-shadow:none!important;border-bottom:2px solid var(--brand-flat-strong)}.nav-tabs .nav-item .nav-link:disabled{background:0 0;border-bottom:2px solid var(--surface);color:var(--outline)}.nav-tabs .nav-item .nav-link.active{border-bottom:2px solid var(--brand);margin-bottom:1px}.nav-pills .nav-link{text-decoration:none;border:2px solid transparent}.nav-pills .nav-link:disabled{background:0 0;color:var(--outline)}.nav-pills .nav-link.active{color:var(--on-background);background-color:var(--surface-1);box-shadow:none!important;border:2px solid var(--brand-flat-strong)}.tab-content{margin-top:1rem}.nav-scroll{display:flex}.nav-scroll .nav-scroll-wrapper{white-space:nowrap;display:flex;overflow:hidden}.nav-scroll .nav-scroll-wrapper .nav{flex-wrap:nowrap} /*# sourceMappingURL=pdis-design-system.min.css.map */ \ No newline at end of file diff --git a/dist/css/pdis-design-system.min.css.map b/dist/css/pdis-design-system.min.css.map index c6b385896d4a..eab4876758b8 100644 --- a/dist/css/pdis-design-system.min.css.map +++ b/dist/css/pdis-design-system.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["..\\..\\scss\\_general.scss","..\\..\\scss\\_root.scss","..\\..\\scss\\_variables.scss","..\\..\\scss\\_typography.scss","..\\..\\scss\\_utilities.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_tabs.scss"],"names":[],"mappings":"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","sourcesContent":["@import url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css\");\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap\");\n\na {\n color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\n}\n\n.language-switch {\n padding: 6px;\n}\n\n.tab-scrollable-btn {\n &:focus {\n outline: 0;\n box-shadow: none;\n }\n}\n\n.icon {\n margin-right: 0.5rem;\n}\n\n.logo {\n margin:1rem 0.5rem 1rem 0.75rem;\n}\n\n.social-icon {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n.trad-chinese-formal {\n list-style: trad-chinese-formal;\n}\n\n.trad-chinese-informal {\n list-style: trad-chinese-informal;\n}\n\n.horizontal-label {\n width: -webkit-fill-available;\n margin-bottom: 0;\n}\n\n\n/* PDIS's local docs style */\n// mod from scss/_navbar\n/*\n@include media-breakpoint-up(md) {\n .navbar-expand-md .navbar-collapse {\n flex-basis: 100%;\n }\n}*/\n\n// mod from site/assets/scss/_navbar\n.bd-navbar {\n background-color: var(--bs-gray-100);\n .navbar-nav {\n .nav-link {\n color: rgba($link-color, 0.85);\n\n &:hover,\n &:focus {\n color: $link-color;\n }\n\n &.active {\n color: $link-color;\n }\n }\n }\n .navbar-toggler {\n color: $black;\n }\n}\n\n.navbar-size {\n background-color: $gray-200;\n}\n\n// mod from site/assets/scss/_footer.scss\n.bd-footer {\n a {\n color: $link-color;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: $link-color;\n text-decoration: underline;\n }\n }\n}\n\n/* END PDIS's local docs style */\n",":root {\n @each $name, $items in $colors {\n --#{$name}: #{map.get($items, \"base\", \"normal\")};\n --#{$name}-strong: #{map.get($items, \"base\", \"strong\")};\n --on-#{$name}: #{map.get($items, \"base\", \"on\")};\n --#{$name}-flat: #{map.get($items, \"flat\", \"normal\")};\n --#{$name}-flat-strong: #{map.get($items, \"flat\", \"strong\")};\n --on-#{$name}-flat: #{map.get($items, \"flat\", \"on\")};\n }\n\n @each $name, $attr in $surfaces {\n --#{$name}: #{$attr};\n }\n\n --bs-primary: var(--brand);\n --bs-secondary: var(--accent);\n --bs-success: var(--positive);\n --bs-info: var(--information);\n --bs-warning: var(--warning);\n --bs-danger: var(--negative);\n --bs-background: $background;\n --bs-on-background: $on-background;\n --bs-dark: var(--bs-on-background);\n --bs-body-bg: var(--bs-background);\n --bs-body-color: var(--bs-on-background);\n --bs-font-sans-serif: \"Noto Sans\", \"Noto Sans TC\", sans-serif;\n}\n","$brand: #2c5ab4;\n$brand-strong: #03429c;\n$on-brand: #ffffff;\n$brand-flat: #d8e2ff;\n$brand-flat-strong: #afc6ff;\n$on-brand-flat: #001847;\n\n$accent: #705d00;\n$accent-strong: #554600;\n$on-accent: #ffffff;\n$accent-flat: #ffe25b;\n$accent-flat-strong: #e7c400;\n$on-accent-flat: #221b00;\n\n$positive: #286b2a;\n$positive-strong: #085314;\n$on-positive: #ffffff;\n$positive-flat: #acf5a3;\n$positive-flat-strong: #90d889;\n$on-positive-flat: #012104;\n\n$negative: #ba1b1b;\n$negative-strong: #930006;\n$on-negative: #ffffff;\n$negative-flat: #ffdad4;\n$negative-flat-strong: #ffb4a9;\n$on-negative-flat: #410001;\n\n$information: #006687;\n$information-strong: #004d67;\n$on-information: #ffffff;\n$information-flat: #bee8ff;\n$information-flat-strong: #6bd2ff;\n$on-information-flat: #001e2b;\n\n$warning: #a53d00;\n$warning-strong: #7d2c00;\n$on-warning: #ffffff;\n$warning-flat: #ffdbcb;\n$warning-flat-strong: #ffb593;\n$on-warning-flat: #360f00;\n\n$background: #FAFDF9;\n$on-background: #191C1B;\n\n$surface: #FAFDF9;\n$surface-1: #F0F5F6;\n$surface-2: #EAF0F3;\n$surface-3: #E3EBF1;\n$surface-4: #E1E9F1;\n$surface-5: #DDE6EF;\n$on-surface: #191C1B;\n\n$surface-variant:#E2E2EC;\n$on-surface-variant:#44464E;\n$outline: #757780;\n\n$surfaces: \n'surface' $surface, \n'surface-1' $surface-1, \n'surface-2' $surface-2, \n'surface-3' $surface-3, \n'surface-4' $surface-4, \n'surface-5' $surface-5, \n'on-surface' $on-surface, \n'surface-variant' $surface-variant,\n'on-surface-variant' $on-surface-variant,\n'outline' $outline,\n'background' $background,\n'on-background' $on-background;\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$colors: (\n \"brand\": (\n \"base\": (\n \"normal\": $brand,\n \"strong\": $brand-strong,\n \"on\": $on-brand,\n ),\n \"flat\": (\n \"normal\": $brand-flat,\n \"strong\": $brand-flat-strong,\n \"on\": $on-brand-flat,\n ),\n ),\n \"accent\": (\n \"base\": (\n \"normal\": $accent,\n \"strong\": $accent-strong,\n \"on\": $on-accent,\n ),\n \"flat\": (\n \"normal\": $accent-flat,\n \"strong\": $accent-flat-strong,\n \"on\": $on-accent-flat,\n ),\n ),\n \"positive\": (\n \"base\": (\n \"normal\": $positive,\n \"strong\": $positive-strong,\n \"on\": $on-positive,\n ),\n \"flat\": (\n \"normal\": $positive-flat,\n \"strong\": $positive-flat-strong,\n \"on\": $on-positive-flat,\n ),\n ),\n \"negative\": (\n \"base\": (\n \"normal\": $negative,\n \"strong\": $negative-strong,\n \"on\": $on-negative,\n ),\n \"flat\": (\n \"normal\": $negative-flat,\n \"strong\": $negative-flat-strong,\n \"on\": $on-negative-flat,\n ),\n ),\n \"information\": (\n \"base\": (\n \"normal\": $information,\n \"strong\": $information-strong,\n \"on\": $on-information,\n ),\n \"flat\": (\n \"normal\": $information-flat,\n \"strong\": $information-flat-strong,\n \"on\": $on-information-flat,\n ),\n ),\n \"warning\": (\n \"base\": (\n \"normal\": $warning,\n \"strong\": $warning-strong,\n \"on\": $on-warning,\n ),\n \"flat\": (\n \"normal\": $warning-flat,\n \"strong\": $warning-flat-strong,\n \"on\": $on-warning-flat,\n ),\n ),\n);\n\n$color-envs: (\n \"brand\": \"brand\",\n \"accent\": \"accent\",\n \"positive\": \"positive\",\n \"negative\": \"negative\",\n \"information\": \"information\",\n \"warning\": \"warning\",\n \"primary\": \"brand\",\n \"secondary\": \"accent\",\n \"success\": \"positive\",\n \"danger\": \"negative\",\n \"info\": \"information\",\n);\n\n//escape svg function from bootstrap\n\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\")\n) !default;\n\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// will be deleted\n\n$accordion-icon-color: $brand;\n$accordion-icon-active-color: $on-brand;\n\n$sidebar-icon-color: black;\n$sidebar-icon-active-color: #0969a2;\n$sidebar-icon-hover-color: white;\n\n$link-color: $brand;",".label-text {\n font-style: normal;\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.25rem;\n border-radius: 0.625rem;\n padding: 0.5rem 1.125rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n \n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 0.75rem;\n line-height: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 0.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n padding: 0.5rem 1.25rem;\n border-radius: 0.75rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n\n}\n\n.body-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.25rem;\n letter-spacing: 0.25px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 1.125rem;\n line-height: 1.6875rem;\n letter-spacing: 0.75px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text {\n font-style: normal;\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1.625rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1.375rem;\n line-height: 1.75rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1.75rem;\n line-height: 2.25rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 1.5rem;\n line-height: 2rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 2rem;\n line-height: 2.5rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".badge {\n @extend .label-text;\n margin: 0 0.5rem;\n padding: 0.125rem 0.625rem;\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n &.badge-numerical {\n padding: 0 0.5rem;\n border-radius: 0.5rem;\n }\n\n &.bg-secondary-flat {\n color: var(--on-surface);\n background-color: var(--surface) !important;\n }\n}\n\n.badge-sm {\n @extend .label-text-sm;\n\n &.badge-numerical {\n padding: 0 0.375rem;\n border-radius: 0.375rem;\n }\n}\n\n.badge-lg {\n @extend .label-text-lg;\n\n &.badge-numerical {\n padding: 0 0.625rem;\n border-radius: 0.625rem;\n }\n}\n\n.badge-collections {\n margin-bottom: 1rem;\n}",".button-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.btn {\n @extend .button-text;\n\n @each $key, $value in $color-envs {\n &.btn-#{$key} {\n background-color: var(--#{$value});\n border-color: var(--#{$value});\n color: var(--on-#{$value});\n \n &:hover {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n }\n \n &:focus, &:active {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n \n /* .btn-outline-#{$key} {\n background: none;\n color: var(--#{$value});\n border-color: var(--#{$value});\n \n &:hover {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n background: none;\n }\n \n &:focus, &:active {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat);\n background: none;\n }\n \n &:disabled {\n border-color: var(--bs-gray-500);\n color: var(--bs-gray-500);\n }\n }\n \n .btn-#{$key}-flat {\n background-color: var(--#{$value}-flat);\n border-color: var(--#{$value}-flat);\n color: var(--on-#{$value}-flat);\n \n &:hover {\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n color: var(--on-#{$value}-flat);\n text-decoration: underline;\n }\n \n &:focus, &:active {\n color: var(--on-#{$value}-flat);\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n text-decoration: underline;\n box-shadow: none !important;\n }\n \n &:disabled {\n background-color: var(--bs-gray-200);\n border-color: var(--bs-gray-200);\n color: var(--bs-gray-500);\n }\n } */\n }\n \n &.btn-secondary {\n background: var(--brand-flat);\n color: var(--on-brand-flat);\n border: none;\n\n &:hover {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n }\n \n &:focus, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\n color: var(--on-brand-flat);\n background-color: var(--surface);\n border-color: var(--outline);\n \n &:hover {\n color: var(--on-brand-flat);\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:focus, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n &.btn-sm {\n @extend .button-text-sm;\n }\n \n &.btn-lg {\n @extend .button-text-lg;\n }\n\n .badge {\n top: 0;\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".list-group {\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n padding: 1rem;\n\n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\n }\n\n i {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n font-size: 1.125rem;\n font-weight: 500;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n }\n\n a {\n text-decoration: none;\n }\n\n &:hover, &:focus, &:active {\n background-color: var(--surface);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\n }\n }\n\n &.border {\n border: 1px solid var(--outline) !important;\n\n &.divider{\n .list-group-item:first-child {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n }\n\n .list-group-item:last-child {\n border-bottom: none;\n border-radius: 0.5rem;\n }\n }\n }\n\n &.twoline {\n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n }\n }\n }\n}\n\n/* \n.list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n */",".card {\n border: 1px solid var(--outline);\n border-radius: 0.5rem;\n\n .card-body {\n padding: 1rem;\n\n .card-title {\n @extend .title-text;\n color: var(--on-surface);\n margin-bottom: 0;\n }\n \n .card-text {\n @extend .body-text;\n color: var(--on-surface-variant);\n //margin-bottom: 1rem;\n }\n\n }\n\n .card-actions {\n padding: 1rem\n }\n\n .card-img-top {\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n img {\n aspect-ratio: 4 / 3;\n }\n\n .card-image {\n width: 100%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\n aspect-ratio: 2/3;\n\n @media (max-width: 768px) {\n aspect-ratio: 1/1;\n }\n }\n\n &.elevated {\n background: var(--surface);\n\n .card-actions {\n background: var(--surface);\n }\n }\n}\n\n.masonry-card {\n .card-header {\n @extend .title-text;\n color: var(--on-surface);\n background-color: var(--surface-2);\n padding: 1rem;\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n .card-body {\n background-color: var(--surface);\n\n .card-title {\n @extend .heading-text;\n margin-bottom: 1rem;\n }\n \n ul, ol {\n margin-bottom: 0;\n }\n }\n\n .card-actions {\n background: var(--surface);\n }\n\n .list-group {\n &:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n }\n}\n/* \n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n} */",".tab-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.tab-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.tab-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n\n .nav-link {\n @extend .tab-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n\n // &:hover {\n // background-color: var(--surface);\n // }\n\n &:focus, &:active {\n box-shadow: none !important;\n border-bottom: 2px solid var(--brand-flat-strong);\n }\n\n &:disabled {\n background: none;\n border-bottom: 2px solid var(--surface);\n }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n margin-left: 2px;\n margin-right: 2px;\n\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n //box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n }\n}\n\n.tab-content {\n margin-top: 1rem;\n}\n\n.nav-scroll {\n display: flex;\n .nav-scroll-wrapper {\n white-space: nowrap;\n display: flex;\n overflow: hidden;\n\n .nav {\n flex-wrap: nowrap;\n }\n }\n}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .tab-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .tab-text-lg;\n }\n }\n}"]} \ No newline at end of file +{"version":3,"sources":["..\\..\\scss\\_general.scss","..\\..\\scss\\_root.scss","..\\..\\scss\\_variables.scss","..\\..\\scss\\_typography.scss","..\\..\\scss\\_utilities.scss","..\\..\\scss\\_badge.scss","..\\..\\scss\\_button.scss","..\\..\\scss\\_list.scss","..\\..\\scss\\_card.scss","..\\..\\scss\\_tabs.scss"],"names":[],"mappings":"AAAQ,yFACA,qGCDR,MAEI,QAAA,QACA,eAAA,QACA,WAAA,QACA,aAAA,QACA,oBAAA,QACA,gBAAA,QALA,SAAA,QACA,gBAAA,QACA,YAAA,QACA,cAAA,QACA,qBAAA,QACA,iBAAA,QALA,WAAA,QACA,kBAAA,QACA,cAAA,QACA,gBAAA,QACA,uBAAA,QACA,mBAAA,QALA,WAAA,QACA,kBAAA,QACA,cAAA,QACA,gBAAA,QACA,uBAAA,QACA,mBAAA,QALA,cAAA,QACA,qBAAA,QACA,iBAAA,QACA,mBAAA,QACA,0BAAA,QACA,sBAAA,QALA,UAAA,QACA,iBAAA,QACA,aAAA,QACA,eAAA,QACA,sBAAA,QACA,kBAAA,QAIA,UAAA,QAAA,YAAA,QAAA,YAAA,QAAA,YAAA,QAAA,YAAA,QAAA,YAAA,QAAA,aAAA,QAAA,kBAAA,QAAA,qBAAA,QAAA,UAAA,QAAA,aAAA,QAAA,gBAAA,QAGF,aAAA,aACA,eAAA,cACA,aAAA,gBACA,UAAA,mBACA,aAAA,eACA,YAAA,gBACA,gBAAA,YACA,mBAAA,eACA,UAAA,wBACA,aAAA,qBACA,gBAAA,wBACA,qBAAA,WAAA,CAAA,cAAA,CAAA,WDtBF,EACE,MAAA,mBACA,sBAAA,MAEA,UACE,MAAA,qBAGF,QACE,MAAA,0BAGF,SACE,MAAA,0BAGF,QACE,iBAAA,mBACA,MAAA,0BAIJ,iBACE,QAAA,IAIA,0BACE,QAAA,EACA,WAAA,KAIJ,MACE,aAAA,MAGF,MACE,OAAA,KAAA,MAAA,KAAA,OAGF,aACE,YAAA,MACA,aAAA,MAEA,yBACE,YAAA,EAGF,wBACE,aAAA,EAIJ,qBACE,WAAA,oBAGF,uBACE,WAAA,sBAGF,kBACE,MAAA,uBACA,cAAA,EAcF,WACE,iBAAA,mBAEE,iCACE,MAAA,oBAEA,uCAAA,uCAEE,MEzFA,QF4FF,wCACE,ME7FA,QFiGN,2BACE,MEjBI,KFqBR,aACE,iBE9BS,QFmCT,aACE,ME7GI,QF8GJ,gBAAA,UAEA,mBAAA,mBAEE,MElHE,QFmHF,gBAAA,UGnHN,OAAA,KAAA,aAAA,YAAA,qBAAA,8BAAA,UACE,WAAA,OACA,YAAA,IACA,UAAA,QACA,YAAA,QACA,cAAA,QACA,QAAA,MAAA,SACA,eAAA,KACA,MAAA,qBACA,WAAA,IAEA,gBAAA,cAAA,sBAAA,qBAAA,8BAAA,uCAAA,mBACE,MAAA,eAIJ,UAAA,YAAA,gBAAA,eAAA,aAAA,6BACE,WAAA,OACA,YAAA,IACA,UAAA,OACA,YAAA,KACA,QAAA,MAAA,KACA,cAAA,MACA,eAAA,KACA,MAAA,qBACA,WAAA,IAEA,mBAAA,qBAAA,yBAAA,wBAAA,sBAAA,sCACE,MAAA,eAIJ,UAAA,YAAA,gBAAA,eAAA,aAAA,6BACE,WAAA,OACA,YAAA,IACA,UAAA,KACA,YAAA,OACA,QAAA,MAAA,QACA,cAAA,OACA,eAAA,KACA,MAAA,qBACA,WAAA,IAEA,mBAAA,qBAAA,yBAAA,wBAAA,sBAAA,sCACE,MAAA,eAKJ,WAAA,4BAAA,6BACE,WAAA,OACA,YAAA,IACA,UAAA,KACA,YAAA,OACA,eAAA,KACA,MAAA,qBAEA,oBAAA,qCAAA,sCACE,MAAA,eAIJ,cAAA,wDACE,WAAA,OACA,YAAA,IACA,UAAA,QACA,YAAA,QACA,eAAA,MACA,MAAA,qBAEA,uBAAA,iEACE,MAAA,eAIJ,cACE,WAAA,OACA,YAAA,IACA,UAAA,SACA,YAAA,UACA,eAAA,MACA,MAAA,qBAEA,uBACE,MAAA,eAIJ,6BAAA,2BAAA,YACE,WAAA,OACA,YAAA,IACA,UAAA,SACA,YAAA,SACA,MAAA,qBAEA,sCAAA,oCAAA,qBACE,MAAA,eAIJ,eACE,WAAA,OACA,YAAA,IACA,UAAA,KACA,YAAA,OACA,eAAA,KACA,MAAA,qBAEA,wBACE,MAAA,eAIJ,eACE,WAAA,OACA,YAAA,IACA,UAAA,SACA,YAAA,QACA,MAAA,qBAEA,wBACE,MAAA,eAIJ,cAAA,qCACE,WAAA,OACA,YAAA,IACA,UAAA,QACA,YAAA,QACA,MAAA,qBAEA,uBAAA,8CACE,MAAA,eAIJ,iBACE,WAAA,OACA,YAAA,IACA,UAAA,OACA,YAAA,KACA,MAAA,qBAEA,0BACE,MAAA,eAIJ,iBACE,WAAA,OACA,YAAA,IACA,UAAA,KACA,YAAA,OACA,MAAA,qBAEA,0BACE,MAAA,eC5JF,UACE,iBAAA,uBACA,MAAA,gBAEF,eACE,iBAAA,4BACA,MAAA,qBANF,WACE,iBAAA,wBACA,MAAA,iBAEF,gBACE,iBAAA,6BACA,MAAA,sBANF,aACE,iBAAA,0BACA,MAAA,mBAEF,kBACE,iBAAA,+BACA,MAAA,wBANF,aACE,iBAAA,0BACA,MAAA,mBAEF,kBACE,iBAAA,+BACA,MAAA,wBANF,gBACE,iBAAA,6BACA,MAAA,sBAEF,qBACE,iBAAA,kCACA,MAAA,2BANF,YACE,iBAAA,yBACA,MAAA,kBAEF,iBACE,iBAAA,8BACA,MAAA,uBANF,YACE,iBAAA,uBACA,MAAA,gBAEF,iBACE,iBAAA,4BACA,MAAA,qBANF,cACE,iBAAA,wBACA,MAAA,iBAEF,mBACE,iBAAA,6BACA,MAAA,sBANF,YACE,iBAAA,0BACA,MAAA,mBAEF,iBACE,iBAAA,+BACA,MAAA,wBANF,WACE,iBAAA,0BACA,MAAA,mBAEF,gBACE,iBAAA,+BACA,MAAA,wBANF,SACE,iBAAA,6BACA,MAAA,sBAEF,cACE,iBAAA,kCACA,MAAA,2BAKF,YACE,MAAA,uBADF,aACE,MAAA,wBADF,eACE,MAAA,0BADF,eACE,MAAA,0BADF,kBACE,MAAA,6BADF,cACE,MAAA,yBADF,cACE,MAAA,uBADF,gBACE,MAAA,wBADF,cACE,MAAA,0BADF,aACE,MAAA,0BADF,WACE,MAAA,6BCbJ,OAEE,OAAA,EAAA,MACA,QAAA,QAAA,QACA,MAAA,qBACA,iBAAA,kBAEA,mBACE,YAAA,EAEF,kBACE,aAAA,EAGF,uBACE,QAAA,EAAA,MACA,cAAA,MAGF,yBACE,MAAA,kBACA,iBAAA,yBAOF,0BACE,QAAA,EAAA,QACA,cAAA,QAOF,0BACE,QAAA,EAAA,QACA,cAAA,QAIJ,mBACE,cAAA,KCzCA,WAAA,mBACE,MAAA,qBACA,iBAAA,eAGF,YAAA,WAAA,oBAAA,mBACE,MAAA,qBACA,iBAAA,iBACA,WAAA,EAAA,EAAA,EAAA,IAAA,yBAGF,OAAA,eACE,YAAA,OACA,aAAA,OACA,UAAA,SACA,YAAA,IAEA,mBAAA,2BACE,YAAA,EAGF,kBAAA,0BACE,aAAA,EAQJ,kBAAA,sBACE,MAAA,qBACA,iBAAA,eAGF,mBAAA,kBAAA,uBAAA,sBACE,MAAA,qBACA,iBAAA,iBACA,WAAA,EAAA,EAAA,EAAA,IAAA,yBAGF,cAAA,kBACE,YAAA,OACA,aAAA,OACA,UAAA,KACA,YAAA,IAEA,0BAAA,8BACE,YAAA,EAGF,yBAAA,6BACE,aAAA,EAQJ,kBAAA,sBACE,MAAA,qBACA,iBAAA,eAGF,mBAAA,kBAAA,uBAAA,sBACE,MAAA,qBACA,iBAAA,iBACA,WAAA,EAAA,EAAA,EAAA,IAAA,yBAGF,cAAA,kBACE,YAAA,OACA,aAAA,OACA,UAAA,QACA,YAAA,IAEA,0BAAA,8BACE,YAAA,EAGF,yBAAA,6BACE,aAAA,EASF,eACE,iBAAA,aACA,aAAA,aACA,MAAA,gBAEA,qBACE,iBAAA,oBACA,aAAA,oBACA,MAAA,gBAIF,sBAAA,qBACE,iBAAA,oBACA,aAAA,oBACA,MAAA,gBAEA,WAAA,EAAA,EAAA,EAAA,IAAA,mCAGF,wBACE,MAAA,eArBJ,gBACE,iBAAA,cACA,aAAA,cACA,MAAA,iBAEA,sBACE,iBAAA,qBACA,aAAA,qBACA,MAAA,iBAIF,uBAAA,sBACE,iBAAA,qBACA,aAAA,qBACA,MAAA,iBAEA,WAAA,EAAA,EAAA,EAAA,IAAA,oCAGF,yBACE,MAAA,eArBJ,kBACE,iBAAA,gBACA,aAAA,gBACA,MAAA,mBAEA,wBACE,iBAAA,uBACA,aAAA,uBACA,MAAA,mBAIF,yBAAA,wBACE,iBAAA,uBACA,aAAA,uBACA,MAAA,mBAEA,WAAA,EAAA,EAAA,EAAA,IAAA,sCAGF,2BACE,MAAA,eArBJ,kBACE,iBAAA,gBACA,aAAA,gBACA,MAAA,mBAEA,wBACE,iBAAA,uBACA,aAAA,uBACA,MAAA,mBAIF,yBAAA,wBACE,iBAAA,uBACA,aAAA,uBACA,MAAA,mBAEA,WAAA,EAAA,EAAA,EAAA,IAAA,sCAGF,2BACE,MAAA,eArBJ,qBACE,iBAAA,mBACA,aAAA,mBACA,MAAA,sBAEA,2BACE,iBAAA,0BACA,aAAA,0BACA,MAAA,sBAIF,4BAAA,2BACE,iBAAA,0BACA,aAAA,0BACA,MAAA,sBAEA,WAAA,EAAA,EAAA,EAAA,IAAA,yCAGF,8BACE,MAAA,eArBJ,iBACE,iBAAA,eACA,aAAA,eACA,MAAA,kBAEA,uBACE,iBAAA,sBACA,aAAA,sBACA,MAAA,kBAIF,wBAAA,uBACE,iBAAA,sBACA,aAAA,sBACA,MAAA,kBAEA,WAAA,EAAA,EAAA,EAAA,IAAA,qCAGF,0BACE,MAAA,eArBJ,iBACE,iBAAA,aACA,aAAA,aACA,MAAA,gBAEA,uBACE,iBAAA,oBACA,aAAA,oBACA,MAAA,gBAIF,wBAAA,uBACE,iBAAA,oBACA,aAAA,oBACA,MAAA,gBAEA,WAAA,EAAA,EAAA,EAAA,IAAA,mCAGF,0BACE,MAAA,eArBJ,mBACE,iBAAA,cACA,aAAA,cACA,MAAA,iBAEA,yBACE,iBAAA,qBACA,aAAA,qBACA,MAAA,iBAIF,0BAAA,yBACE,iBAAA,qBACA,aAAA,qBACA,MAAA,iBAEA,WAAA,EAAA,EAAA,EAAA,IAAA,oCAGF,4BACE,MAAA,eArBJ,iBACE,iBAAA,gBACA,aAAA,gBACA,MAAA,mBAEA,uBACE,iBAAA,uBACA,aAAA,uBACA,MAAA,mBAIF,wBAAA,uBACE,iBAAA,uBACA,aAAA,uBACA,MAAA,mBAEA,WAAA,EAAA,EAAA,EAAA,IAAA,sCAGF,0BACE,MAAA,eArBJ,gBACE,iBAAA,gBACA,aAAA,gBACA,MAAA,mBAEA,sBACE,iBAAA,uBACA,aAAA,uBACA,MAAA,mBAIF,uBAAA,sBACE,iBAAA,uBACA,aAAA,uBACA,MAAA,mBAEA,WAAA,EAAA,EAAA,EAAA,IAAA,sCAGF,yBACE,MAAA,eArBJ,cACE,iBAAA,mBACA,aAAA,mBACA,MAAA,sBAEA,oBACE,iBAAA,0BACA,aAAA,0BACA,MAAA,sBAIF,qBAAA,oBACE,iBAAA,0BACA,aAAA,0BACA,MAAA,sBAEA,WAAA,EAAA,EAAA,EAAA,IAAA,yCAGF,uBACE,MAAA,eA0DN,mBACE,WAAA,kBACA,MAAA,qBACA,OAAA,KAEA,yBACE,MAAA,qBACA,WAAA,yBACA,OAAA,KAGF,0BAAA,yBACE,MAAA,qBACA,WAAA,yBACA,OAAA,KACA,WAAA,EAAA,EAAA,EAAA,IAAA,mCAGF,4BACE,MAAA,eACA,iBAAA,eAKJ,wBACE,MAAA,qBACA,iBAAA,eACA,aAAA,eAEA,8BACE,MAAA,qBACA,WAAA,iBACA,aAAA,eAGF,+BAAA,8BACE,MAAA,qBACA,WAAA,EAAA,EAAA,EAAA,IAAA,mCACA,WAAA,iBACA,aAAA,eAGF,iCACE,MAAA,eACA,iBAAA,eACA,OAAA,EAIJ,kBACE,WAAA,IACA,MAAA,qBAEA,wBACE,iBAAA,eACA,MAAA,qBAGF,yBAAA,wBACE,iBAAA,eACA,MAAA,qBACA,WAAA,EAAA,EAAA,EAAA,IAAA,yBAGF,2BACE,MAAA,eACA,iBAAA,eAYJ,YACE,IAAA,EACA,OAAA,EAAA,OAEA,wBACE,YAAA,EAEF,uBACE,aAAA,ECnQJ,6BAEE,QAAA,KACA,YAAA,OACA,OAAA,KACA,QAAA,OAEA,wDAEE,YAAA,MACA,MAAA,0BAGF,qDACE,UAAA,YAGF,+BACE,YAAA,MACA,aAAA,MACA,UAAA,SACA,YAAA,IAEA,2CACE,YAAA,EAGF,0CACE,aAAA,EAIJ,+BACE,gBAAA,KAGF,mCACE,iBAAA,eAGF,oCAAA,mCACE,iBAAA,iBAKF,qCACE,cAAA,IAAA,MAAA,eACA,cAAA,EAIJ,mBACE,OAAA,IAAA,MAAA,yBAGE,wDACE,uBAAA,MACA,wBAAA,MAGF,uDACE,cAAA,KACA,cAAA,MAMJ,qCACE,QAAA,KAEA,gEACE,YAAA,EC1ER,MACE,OAAA,IAAA,MAAA,eACA,cAAA,MAEA,iBACE,QAAA,KAEA,6BAEE,MAAA,kBACA,cAAA,EAGF,4BAEE,MAAA,0BAMJ,oBACE,QAAA,KAGF,oBACE,wBAAA,MACA,uBAAA,MAGF,UACE,aAAA,CAAA,CAAA,EAGF,kBACE,MAAA,KACA,gBAAA,gBACA,oBAAA,iBACA,OAAA,KACA,aAAA,CAAA,CAAA,EAEA,yBAPF,kBAQI,aAAA,CAAA,CAAA,GAIJ,eACE,WAAA,eAEA,6BACE,WAAA,eAMJ,2BAEE,MAAA,kBACA,iBAAA,iBACA,QAAA,KACA,wBAAA,MACA,uBAAA,MAGF,yBACE,iBAAA,eAEA,qCAEE,cAAA,KAGF,4BAAA,4BACE,cAAA,EAIJ,4BACE,WAAA,eAIA,qCACE,0BAAA,MACA,2BAAA,MClFJ,2BAAA,oCAAA,gBACE,MAAA,qBACA,iBAAA,eAGF,4BAAA,2BAAA,qCAAA,oCAAA,iBAAA,gBACE,MAAA,qBACA,iBAAA,iBACA,WAAA,EAAA,EAAA,EAAA,IAAA,yBAGF,uBAAA,gCAAA,YACE,YAAA,OACA,aAAA,OACA,UAAA,SACA,YAAA,IACA,eAAA,OAEA,mCAAA,4CAAA,wBACE,YAAA,EAGF,kCAAA,2CAAA,uBACE,aAAA,EAIJ,0BAAA,mCAAA,eACE,eAAA,OAOF,mBAAA,mCACE,MAAA,qBACA,iBAAA,eAGF,oBAAA,mBAAA,oCAAA,mCACE,MAAA,qBACA,iBAAA,iBACA,WAAA,EAAA,EAAA,EAAA,IAAA,yBAGF,eAAA,+BACE,YAAA,OACA,aAAA,OACA,UAAA,KACA,YAAA,IACA,eAAA,OAEA,2BAAA,2CACE,YAAA,EAGF,0BAAA,0CACE,aAAA,EAIJ,kBAAA,kCACE,eAAA,OAOF,mBAAA,mCACE,MAAA,qBACA,iBAAA,eAGF,oBAAA,mBAAA,oCAAA,mCACE,MAAA,qBACA,iBAAA,iBACA,WAAA,EAAA,EAAA,EAAA,IAAA,yBAGF,eAAA,+BACE,YAAA,OACA,aAAA,OACA,UAAA,QACA,YAAA,IACA,eAAA,OAEA,2BAAA,2CACE,YAAA,EAGF,0BAAA,0CACE,aAAA,EAIJ,kBAAA,kCACE,eAAA,OAKJ,UACE,cAAA,EACA,oBACE,QAAA,aAEA,8BAEE,OAAA,EACA,gBAAA,KACA,cAAA,IAAA,IAAA,EAAA,EACA,cAAA,IAAA,MAAA,uBAMA,qCAAA,oCACE,WAAA,eACA,cAAA,IAAA,MAAA,yBAGF,uCACE,WAAA,IACA,cAAA,IAAA,MAAA,eACA,MAAA,eAGF,qCACE,cAAA,IAAA,MAAA,aACA,cAAA,IAON,qBAEE,gBAAA,KACA,OAAA,IAAA,MAAA,YAMA,8BACE,WAAA,IACA,MAAA,eAGF,4BACE,MAAA,qBACA,iBAAA,iBACA,WAAA,eACA,OAAA,IAAA,MAAA,yBAKN,aACE,WAAA,KAGF,YACE,QAAA,KACA,gCACE,YAAA,OACA,QAAA,KACA,SAAA,OAEA,qCACE,UAAA","sourcesContent":["@import url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css\");\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap\");\n\na {\n color: var(--information);\n text-underline-offset: 0.1em;\n\n &:visited {\n color: var(--accent-strong);\n }\n\n &:hover {\n color: var(--information-strong);\n }\n\n &:active {\n color: var(--information-strong);\n }\n\n &:focus {\n background-color: var(--accent-flat);\n color: var(--information-strong);\n }\n}\n\n.language-switch {\n padding: 6px;\n}\n\n.tab-scrollable-btn {\n &:focus {\n outline: 0;\n box-shadow: none;\n }\n}\n\n.icon {\n margin-right: 0.5rem;\n}\n\n.logo {\n margin:1rem 0.5rem 1rem 0.75rem;\n}\n\n.social-icon {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n.trad-chinese-formal {\n list-style: trad-chinese-formal;\n}\n\n.trad-chinese-informal {\n list-style: trad-chinese-informal;\n}\n\n.horizontal-label {\n width: -webkit-fill-available;\n margin-bottom: 0;\n}\n\n\n/* PDIS's local docs style */\n// mod from scss/_navbar\n/*\n@include media-breakpoint-up(md) {\n .navbar-expand-md .navbar-collapse {\n flex-basis: 100%;\n }\n}*/\n\n// mod from site/assets/scss/_navbar\n.bd-navbar {\n background-color: var(--bs-gray-100);\n .navbar-nav {\n .nav-link {\n color: rgba($link-color, 0.85);\n\n &:hover,\n &:focus {\n color: $link-color;\n }\n\n &.active {\n color: $link-color;\n }\n }\n }\n .navbar-toggler {\n color: $black;\n }\n}\n\n.navbar-size {\n background-color: $gray-200;\n}\n\n// mod from site/assets/scss/_footer.scss\n.bd-footer {\n a {\n color: $link-color;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: $link-color;\n text-decoration: underline;\n }\n }\n}\n\n/* END PDIS's local docs style */\n",":root {\n @each $name, $items in $colors {\n --#{$name}: #{map.get($items, \"base\", \"normal\")};\n --#{$name}-strong: #{map.get($items, \"base\", \"strong\")};\n --on-#{$name}: #{map.get($items, \"base\", \"on\")};\n --#{$name}-flat: #{map.get($items, \"flat\", \"normal\")};\n --#{$name}-flat-strong: #{map.get($items, \"flat\", \"strong\")};\n --on-#{$name}-flat: #{map.get($items, \"flat\", \"on\")};\n }\n\n @each $name, $attr in $surfaces {\n --#{$name}: #{$attr};\n }\n\n --bs-primary: var(--brand);\n --bs-secondary: var(--accent);\n --bs-success: var(--positive);\n --bs-info: var(--information);\n --bs-warning: var(--warning);\n --bs-danger: var(--negative);\n --bs-background: $background;\n --bs-on-background: $on-background;\n --bs-dark: var(--bs-on-background);\n --bs-body-bg: var(--bs-background);\n --bs-body-color: var(--bs-on-background);\n --bs-font-sans-serif: \"Noto Sans\", \"Noto Sans TC\", sans-serif;\n}\n","$brand: #2c5ab4;\n$brand-strong: #03429c;\n$on-brand: #ffffff;\n$brand-flat: #d8e2ff;\n$brand-flat-strong: #afc6ff;\n$on-brand-flat: #001847;\n\n$accent: #705d00;\n$accent-strong: #554600;\n$on-accent: #ffffff;\n$accent-flat: #ffe25b;\n$accent-flat-strong: #e7c400;\n$on-accent-flat: #221b00;\n\n$positive: #286b2a;\n$positive-strong: #085314;\n$on-positive: #ffffff;\n$positive-flat: #acf5a3;\n$positive-flat-strong: #90d889;\n$on-positive-flat: #012104;\n\n$negative: #ba1b1b;\n$negative-strong: #930006;\n$on-negative: #ffffff;\n$negative-flat: #ffdad4;\n$negative-flat-strong: #ffb4a9;\n$on-negative-flat: #410001;\n\n$information: #006687;\n$information-strong: #004d67;\n$on-information: #ffffff;\n$information-flat: #bee8ff;\n$information-flat-strong: #6bd2ff;\n$on-information-flat: #001e2b;\n\n$warning: #a53d00;\n$warning-strong: #7d2c00;\n$on-warning: #ffffff;\n$warning-flat: #ffdbcb;\n$warning-flat-strong: #ffb593;\n$on-warning-flat: #360f00;\n\n$background: #FAFDF9;\n$on-background: #191C1B;\n\n$surface: #FAFDF9;\n$surface-1: #F0F5F6;\n$surface-2: #EAF0F3;\n$surface-3: #E3EBF1;\n$surface-4: #E1E9F1;\n$surface-5: #DDE6EF;\n$on-surface: #191C1B;\n\n$surface-variant:#E2E2EC;\n$on-surface-variant:#44464E;\n$outline: #757780;\n\n$surfaces: \n'surface' $surface, \n'surface-1' $surface-1, \n'surface-2' $surface-2, \n'surface-3' $surface-3, \n'surface-4' $surface-4, \n'surface-5' $surface-5, \n'on-surface' $on-surface, \n'surface-variant' $surface-variant,\n'on-surface-variant' $on-surface-variant,\n'outline' $outline,\n'background' $background,\n'on-background' $on-background;\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$colors: (\n \"brand\": (\n \"base\": (\n \"normal\": $brand,\n \"strong\": $brand-strong,\n \"on\": $on-brand,\n ),\n \"flat\": (\n \"normal\": $brand-flat,\n \"strong\": $brand-flat-strong,\n \"on\": $on-brand-flat,\n ),\n ),\n \"accent\": (\n \"base\": (\n \"normal\": $accent,\n \"strong\": $accent-strong,\n \"on\": $on-accent,\n ),\n \"flat\": (\n \"normal\": $accent-flat,\n \"strong\": $accent-flat-strong,\n \"on\": $on-accent-flat,\n ),\n ),\n \"positive\": (\n \"base\": (\n \"normal\": $positive,\n \"strong\": $positive-strong,\n \"on\": $on-positive,\n ),\n \"flat\": (\n \"normal\": $positive-flat,\n \"strong\": $positive-flat-strong,\n \"on\": $on-positive-flat,\n ),\n ),\n \"negative\": (\n \"base\": (\n \"normal\": $negative,\n \"strong\": $negative-strong,\n \"on\": $on-negative,\n ),\n \"flat\": (\n \"normal\": $negative-flat,\n \"strong\": $negative-flat-strong,\n \"on\": $on-negative-flat,\n ),\n ),\n \"information\": (\n \"base\": (\n \"normal\": $information,\n \"strong\": $information-strong,\n \"on\": $on-information,\n ),\n \"flat\": (\n \"normal\": $information-flat,\n \"strong\": $information-flat-strong,\n \"on\": $on-information-flat,\n ),\n ),\n \"warning\": (\n \"base\": (\n \"normal\": $warning,\n \"strong\": $warning-strong,\n \"on\": $on-warning,\n ),\n \"flat\": (\n \"normal\": $warning-flat,\n \"strong\": $warning-flat-strong,\n \"on\": $on-warning-flat,\n ),\n ),\n);\n\n$color-envs: (\n \"brand\": \"brand\",\n \"accent\": \"accent\",\n \"positive\": \"positive\",\n \"negative\": \"negative\",\n \"information\": \"information\",\n \"warning\": \"warning\",\n \"primary\": \"brand\",\n \"secondary\": \"accent\",\n \"success\": \"positive\",\n \"danger\": \"negative\",\n \"info\": \"information\",\n);\n\n//escape svg function from bootstrap\n\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\")\n) !default;\n\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// will be deleted\n\n$accordion-icon-color: $brand;\n$accordion-icon-active-color: $on-brand;\n\n$sidebar-icon-color: black;\n$sidebar-icon-active-color: #0969a2;\n$sidebar-icon-hover-color: white;\n\n$link-color: $brand;",".label-text {\n font-style: normal;\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.25rem;\n border-radius: 0.625rem;\n padding: 0.5rem 1.125rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n \n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 0.75rem;\n line-height: 1rem;\n padding: 0.5rem 1rem;\n border-radius: 0.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.label-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n padding: 0.5rem 1.25rem;\n border-radius: 0.75rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n background: none;\n\n &:disabled {\n color: var(--outline);\n }\n\n}\n\n.body-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.5px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.25rem;\n letter-spacing: 0.25px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.body-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 1.125rem;\n line-height: 1.6875rem;\n letter-spacing: 0.75px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text {\n font-style: normal;\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1.625rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-sm {\n font-style: normal;\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0.1px;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.title-text-lg {\n font-style: normal;\n font-weight: 500;\n font-size: 1.375rem;\n line-height: 1.75rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text {\n font-style: normal;\n font-weight: 400;\n font-size: 1.75rem;\n line-height: 2.25rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-sm {\n font-style: normal;\n font-weight: 400;\n font-size: 1.5rem;\n line-height: 2rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}\n\n.heading-text-lg {\n font-style: normal;\n font-weight: 400;\n font-size: 2rem;\n line-height: 2.5rem;\n color: var(--on-background);\n\n &:disabled {\n color: var(--outline);\n }\n}","@each $key, $value in $color-envs {\n .bg-#{$key} {\n background-color: var(--#{$value}) !important;\n color: var(--on-#{$value});\n }\n .bg-#{$key}-flat {\n background-color: var(--#{$value}-flat) !important;\n color: var(--on-#{$value}-flat);\n }\n}\n\n@each $key, $value in $color-envs {\n .text-#{$key} {\n color: var(--#{$value}) !important;\n }\n}",".badge {\n @extend .label-text;\n margin: 0 0.5rem;\n padding: 0.125rem 0.625rem;\n color: var(--on-brand-flat);\n background-color: var(--brand-flat);\n\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n\n &.badge-numerical {\n padding: 0 0.5rem;\n border-radius: 0.5rem;\n }\n\n &.bg-secondary-flat {\n color: var(--on-surface);\n background-color: var(--surface) !important;\n }\n}\n\n.badge-sm {\n @extend .label-text-sm;\n\n &.badge-numerical {\n padding: 0 0.375rem;\n border-radius: 0.375rem;\n }\n}\n\n.badge-lg {\n @extend .label-text-lg;\n\n &.badge-numerical {\n padding: 0 0.625rem;\n border-radius: 0.625rem;\n }\n}\n\n.badge-collections {\n margin-bottom: 1rem;\n}",".button-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.button-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.btn {\n @extend .button-text;\n\n @each $key, $value in $color-envs {\n &.btn-#{$key} {\n background-color: var(--#{$value});\n border-color: var(--#{$value});\n color: var(--on-#{$value});\n \n &:hover {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n }\n \n &:focus, &:active {\n background-color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n color: var(--on-#{$value});\n //text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n }\n }\n \n /* .btn-outline-#{$key} {\n background: none;\n color: var(--#{$value});\n border-color: var(--#{$value});\n \n &:hover {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n background: none;\n }\n \n &:focus, &:active {\n color: var(--#{$value}-strong);\n border-color: var(--#{$value}-strong);\n text-decoration: underline;\n box-shadow: 0 0 0 2px var(--#{$value}-flat);\n background: none;\n }\n \n &:disabled {\n border-color: var(--bs-gray-500);\n color: var(--bs-gray-500);\n }\n }\n \n .btn-#{$key}-flat {\n background-color: var(--#{$value}-flat);\n border-color: var(--#{$value}-flat);\n color: var(--on-#{$value}-flat);\n \n &:hover {\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n color: var(--on-#{$value}-flat);\n text-decoration: underline;\n }\n \n &:focus, &:active {\n color: var(--on-#{$value}-flat);\n background-color: var(--#{$value}-flat-strong);\n border-color: var(--on-#{$value}-flat);\n text-decoration: underline;\n box-shadow: none !important;\n }\n \n &:disabled {\n background-color: var(--bs-gray-200);\n border-color: var(--bs-gray-200);\n color: var(--bs-gray-500);\n }\n } */\n }\n \n &.btn-secondary {\n background: var(--brand-flat);\n color: var(--on-brand-flat);\n border: none;\n\n &:hover {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n }\n \n &:focus, &:active {\n color: var(--on-brand-flat);\n background: var(--brand-flat-strong);\n border: none;\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n \n &.btn-semi-secondary {\n color: var(--on-brand-flat);\n background-color: var(--surface);\n border-color: var(--outline);\n \n &:hover {\n color: var(--on-brand-flat);\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:focus, &:active {\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong) !important;\n background: var(--surface-1);\n border-color: var(--outline);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n border: 0;\n }\n }\n \n &.btn-tertiary {\n background: none;\n color: var(--on-brand-flat);\n \n &:hover {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n }\n \n &:focus, &:active {\n background-color: var(--surface);\n color: var(--on-brand-flat);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n \n &:disabled {\n color: var(--outline);\n background-color: var(--surface);\n }\n }\n \n &.btn-sm {\n @extend .button-text-sm;\n }\n \n &.btn-lg {\n @extend .button-text-lg;\n }\n\n .badge {\n top: 0;\n margin: 0 0.25rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n/* .btn-link {\n color: var(--brand);\n &:hover, &:active, &:focus {\n color: var(--brand-strong);\n }\n} */",".list-group {\n .list-group-item {\n @extend .body-text;\n display: flex;\n align-items: center;\n border: none;\n padding: 0.75rem;\n\n .list-group-item-subheader {\n @extend .body-text-sm;\n margin-left: 0.5rem;\n color: var(--on-surface-variant);\n }\n\n .list-group-item-header {\n min-width: max-content;\n }\n\n i {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n font-size: 1.125rem;\n font-weight: 500;\n \n &:first-child {\n margin-left: 0;\n }\n \n &:last-child {\n margin-right: 0;\n }\n }\n\n a {\n text-decoration: none;\n }\n\n &:hover {\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n background-color: var(--surface-1);\n }\n }\n\n &.divider {\n .list-group-item {\n border-bottom: 1px solid var(--outline);\n border-radius: 0;\n }\n }\n\n &.border {\n border: 1px solid var(--outline) !important;\n\n &.divider{\n .list-group-item:first-child {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n }\n\n .list-group-item:last-child {\n border-bottom: none;\n border-radius: 0.5rem;\n }\n }\n }\n\n &.twoline {\n .list-group-item {\n display: flex;\n\n .list-group-item-subheader {\n margin-left: 0;\n }\n }\n }\n}\n\n/* \n.list {\n .list-item {\n display: block;\n margin: 0;\n padding: 0.5rem 0;\n\n i {\n margin-right: 0.5rem;\n }\n }\n\n .list-item-subheader {\n display: inline;\n margin-left: 0.5rem;\n color: #6b6b6b;\n }\n\n .list-item-bottom-border {\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-width: 0 0 1px;\n }\n\n .list-item-link {\n margin-left: 0.5rem;\n }\n\n .list-item-ordered {\n display: list-item;\n margin: 0 1.25rem;\n }\n\n .list-item-twoline {\n * {\n display: block;\n margin-left: 0;\n }\n }\n\n .list-item-twoline-ordered {\n @extend .list-item-ordered;\n @extend .list-item-twoline;\n }\n\n .nested-list {\n padding: 0 1rem;\n }\n}\n\n.time-list {\n .list-item {\n display: flex;\n }\n\n .list-item-subheader {\n display: block;\n margin: 0;\n color: #6b6b6b;\n }\n\n .list-item-multiline {\n display: block;\n }\n\n .list-item-date {\n margin-right: 0.5rem;\n min-width: fit-content;\n\n }\n\n .list-item-content {\n overflow: hidden;\n }\n\n}\n */",".card {\n border: 1px solid var(--outline);\n border-radius: 0.5rem;\n\n .card-body {\n padding: 1rem;\n\n .card-title {\n @extend .title-text;\n color: var(--on-surface);\n margin-bottom: 0;\n }\n \n .card-text {\n @extend .body-text;\n color: var(--on-surface-variant);\n //margin-bottom: 1rem;\n }\n\n }\n\n .card-actions {\n padding: 1rem\n }\n\n .card-img-top {\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n img {\n aspect-ratio: 4 / 3;\n }\n\n .card-image {\n width: 100%;\n background-size: cover !important;\n background-position: center !important;\n height: 100%;\n aspect-ratio: 2/3;\n\n @media (max-width: 768px) {\n aspect-ratio: 1/1;\n }\n }\n\n &.elevated {\n background: var(--surface);\n\n .card-actions {\n background: var(--surface);\n }\n }\n}\n\n.masonry-card {\n .card-header {\n @extend .title-text;\n color: var(--on-surface);\n background-color: var(--surface-2);\n padding: 1rem;\n border-top-right-radius: 0.5rem;\n border-top-left-radius: 0.5rem;\n }\n\n .card-body {\n background-color: var(--surface);\n\n .card-title {\n @extend .heading-text;\n margin-bottom: 1rem;\n }\n \n ul, ol {\n margin-bottom: 0;\n }\n }\n\n .card-actions {\n background: var(--surface);\n }\n\n .list-group {\n &:last-child {\n border-bottom-left-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n }\n }\n}\n/* \n.list-card {\n .card-body {\n background-color: var(--surface-1);\n padding: 1.5rem;\n\n .card-title {\n font-weight: 900;\n margin-bottom: 1rem;\n }\n \n .card-text {\n margin-bottom: 1rem;\n }\n }\n\n .list-group {\n background-color: var(--surface);\n\n .list-group-item {\n background-color: var(--surface);\n padding: 0.75rem 1.5rem;\n\n a {\n margin: 0 0.5rem;\n \n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n }\n\n i + a {\n margin-left: 0;\n }\n\n &.border-0 {\n &:last-child {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n} */",".tab-text {\n @extend .label-text;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.125rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-sm {\n @extend .label-text-sm;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n font-weight: 500;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n.tab-text-lg {\n @extend .label-text-lg;\n\n &:hover {\n color: var(--on-background);\n background-color: var(--surface);\n }\n\n &:focus, &:active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: 0 0 0 2px var(--brand-flat-strong);\n }\n\n i {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n font-weight: 500;\n vertical-align: middle;\n \n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n span {\n vertical-align: middle;\n }\n}\n\n\n.nav-tabs {\n border-bottom: 0;\n .nav-item {\n display: inline-block;\n\n .nav-link {\n @extend .tab-text;\n border: 0;\n text-decoration: none;\n border-radius: 8px 8px 0px 0px;\n border-bottom: 2px solid var(--surface-variant);\n\n // &:hover {\n // background-color: var(--surface);\n // }\n\n &:focus, &:active {\n box-shadow: none !important;\n border-bottom: 2px solid var(--brand-flat-strong);\n }\n\n &:disabled {\n background: none;\n border-bottom: 2px solid var(--surface);\n color: var(--outline);\n }\n\n &.active {\n border-bottom: 2px solid var(--brand);\n margin-bottom: 1px;\n }\n }\n }\n}\n\n.nav-pills {\n .nav-link {\n @extend .tab-text;\n text-decoration: none;\n border: 2px solid transparent;\n // &:hover {\n // color: var(--on-background);\n // background-color: var(--surface);\n // }\n\n &:disabled {\n background: none;\n color: var(--outline);\n }\n\n &.active {\n color: var(--on-background);\n background-color: var(--surface-1);\n box-shadow: none !important;\n border: 2px solid var(--brand-flat-strong);\n }\n }\n}\n\n.tab-content {\n margin-top: 1rem;\n}\n\n.nav-scroll {\n display: flex;\n .nav-scroll-wrapper {\n white-space: nowrap;\n display: flex;\n overflow: hidden;\n\n .nav {\n flex-wrap: nowrap;\n }\n }\n}\n\n.tabs-sm {\n .nav-item {\n .nav-link {\n @extend .tab-text-sm;\n }\n }\n}\n\n.tabs-lg {\n .nav-item {\n .nav-link {\n @extend .tab-text-lg;\n }\n }\n}"]} \ No newline at end of file diff --git a/scss/_list.scss b/scss/_list.scss index e18d124d0094..bc80ffc1aa1c 100644 --- a/scss/_list.scss +++ b/scss/_list.scss @@ -4,11 +4,16 @@ display: flex; align-items: center; border: none; - padding: 1rem; + padding: 0.75rem; .list-group-item-subheader { @extend .body-text-sm; margin-left: 0.5rem; + color: var(--on-surface-variant); + } + + .list-group-item-header { + min-width: max-content; } i { @@ -30,9 +35,13 @@ text-decoration: none; } - &:hover, &:focus, &:active { + &:hover { background-color: var(--surface); } + + &:focus, &:active { + background-color: var(--surface-1); + } } &.divider { diff --git a/scss/_tabs.scss b/scss/_tabs.scss index 0bd01fed2414..13fee5a78f12 100644 --- a/scss/_tabs.scss +++ b/scss/_tabs.scss @@ -17,6 +17,7 @@ margin-right: 0.25rem; font-size: 1.125rem; font-weight: 500; + vertical-align: middle; &:first-child { margin-left: 0; @@ -26,6 +27,10 @@ margin-right: 0; } } + + span { + vertical-align: middle; + } } .tab-text-sm { @@ -47,6 +52,7 @@ margin-right: 0.25rem; font-size: 1rem; font-weight: 500; + vertical-align: middle; &:first-child { margin-left: 0; @@ -56,6 +62,10 @@ margin-right: 0; } } + + span { + vertical-align: middle; + } } .tab-text-lg { @@ -77,7 +87,8 @@ margin-right: 0.25rem; font-size: 1.25rem; font-weight: 500; - + vertical-align: middle; + &:first-child { margin-left: 0; } @@ -86,6 +97,10 @@ margin-right: 0; } } + + span { + vertical-align: middle; + } } @@ -113,6 +128,7 @@ &:disabled { background: none; border-bottom: 2px solid var(--surface); + color: var(--outline); } &.active { @@ -127,9 +143,7 @@ .nav-link { @extend .tab-text; text-decoration: none; - margin-left: 2px; - margin-right: 2px; - + border: 2px solid transparent; // &:hover { // color: var(--on-background); // background-color: var(--surface); @@ -137,12 +151,14 @@ &:disabled { background: none; + color: var(--outline); } &.active { color: var(--on-background); background-color: var(--surface-1); - //box-shadow: 0 0 0 2px var(--brand-flat-strong); + box-shadow: none !important; + border: 2px solid var(--brand-flat-strong); } } } diff --git a/site/content/docs/components/list.md b/site/content/docs/components/list.md index b406728a3ca3..31b8a30a420c 100644 --- a/site/content/docs/components/list.md +++ b/site/content/docs/components/list.md @@ -40,19 +40,23 @@ toc: true {{< example >}}
-
+
  • 列表主要文字
    列表補充文字內容
    • -
  • 列表主要文字
    列表補充文字內容
    • +
  • 列表主要文字列表主要文字列表主要文字列表主要文字
    列表補充文字內容列表補充文字內容列表補充文字內容列表補充文字內容列表補充文字內容列表補充文字內容
  • badge
    列表主要文字
    列表補充文字內容
    • +
  • 04-22
    列表主要文字

+
    +
  • 列表主要文字
    列表補充文字內容
    • +
    -
  • 標題
    • +
  • 列表主要文字
    列表補充文字內容列表補充文字內容列表補充文字內容列表補充文字內容列表補充文字內容列表補充文字內容列表補充文字內容
  • 標題
  • 標題
@@ -61,8 +65,8 @@ toc: true
diff --git a/site/content/docs/components/tabs.md b/site/content/docs/components/tabs.md index e3ab610c5cce..3e4382ae0c87 100644 --- a/site/content/docs/components/tabs.md +++ b/site/content/docs/components/tabs.md @@ -63,7 +63,7 @@ group: components
@@ -157,10 +157,10 @@ group: components