diff --git a/postcss.config.js b/css/postcss.config.js similarity index 100% rename from postcss.config.js rename to css/postcss.config.js diff --git a/package.json b/package.json index 62eb7a86..e4fbe926 100644 --- a/package.json +++ b/package.json @@ -33,7 +33,7 @@ "watch": "nodemon -q --watch scss/ --ext scss --exec 'run-s build'", "build:sort-scss": "postcss --config scss ./scss/**/*.scss --replace", "build:css": "sass --style expanded --source-map --embed-sources --no-error-css scss/:css/", - "build:autoprefix": "postcss --replace css/*.css css/*/*.css !css/*.min.css", + "build:autoprefix": "postcss --config css --replace css/*.css css/*/*.css !css/*.min.css", "build:minify": "cleancss -O1 --with-rebase --source-map --source-map-inline-sources --batch --batch-suffix .min css/*.css css/*/*.css !css/*.min.css !css/*/*.min.css", "prebuild": "echo '\\033[32m[@picocss/pico] ✨ Start\\033[0m'", "prebuild:sort-scss": "echo '[@picocss/pico] ✨ Clean SCSS files'", diff --git a/scss/components/_accordion.scss.map b/scss/components/_accordion.scss.map deleted file mode 100644 index 7e2f7388..00000000 --- a/scss/components/_accordion.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_accordion.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF;EACE,cAAc;EACd,6BAA6B;EAC7B,8BAA8B;EAC9B,sEAAsE;;EAEtE;IACE,iBAAiB;IACjB,qBAAqB;IACrB,eAAe;;IAEf;MACE,2CAA2C;IAC7C;;IAEA;MACE,mCAAmC;IACrC;;IAEA,cAAc;IACd;MACE,aAAa;IACf;;IAEA;MACE,aAAa;IACf;;IAEA;MACE,qBAAqB;IACvB;;IAEA,QAAQ;IACR;MACE,cAAc;MACd,WAAW;MACX,YAAY;MACZ,qDAAqD;MACrD,YAAY;MACZ,yBAAyB;MACzB,qCAAqC;MACrC,iCAAiC;MACjC,0BAA0B;MAC1B,4BAA4B;MAC5B,WAAW;;MAEX;QACE,uCAAuC;MACzC;IACF;;IAEA;MACE,aAAa;;MAEb;QACE,4CAA4C;MAC9C;IACF;;IAEA,aAAa;IACb;MACE,WAAW;MACX,gBAAgB;;MAEhB,QAAQ;MACR;QACE,4CAA4C;QAC5C,4CAA4C;MAC9C;;MAEA;QACE,WAAW;QACX;UACE,QAAQ;UACR;YACE,oDAAoD;UACtD;QACF;MACF;IACF;EACF;;EAEA,MAAM;EACN;IACE;MACE,mCAAmC;;MAEnC;QACE;UACE,0CAA0C;QAC5C;MACF;;MAEA;QACE,oBAAoB;MACtB;IACF;EACF;AACF;;AAEA;EACE;IACE;MACE,iBAAiB;;MAEjB;QACE,WAAW;QACX,gCAAgC;MAClC;IACF;EACF;AACF","file":"_accordion.scss","sourcesContent":["/**\n * Accordion (
)\n */\n\ndetails {\n display: block;\n margin-bottom: var(--spacing);\n padding-bottom: var(--spacing);\n border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n summary {\n line-height: 1rem;\n list-style-type: none;\n cursor: pointer;\n\n &:not([role]) {\n color: var(--accordion-close-summary-color);\n }\n\n @if $enable-transitions {\n transition: color var(--transition);\n }\n\n // Reset marker\n &::-webkit-details-marker {\n display: none;\n }\n\n &::marker {\n display: none;\n }\n\n &::-moz-list-bullet {\n list-style-type: none;\n }\n\n // Marker\n &::after {\n display: block;\n width: 1rem;\n height: 1rem;\n margin-inline-start: calc(var(--spacing, 1rem) * 0.5);\n float: right;\n transform: rotate(-90deg);\n background-image: var(--icon-chevron);\n background-position: right center;\n background-size: 1rem auto;\n background-repeat: no-repeat;\n content: \"\";\n\n @if $enable-transitions {\n transition: transform var(--transition);\n }\n }\n\n &:focus {\n outline: none;\n\n &:not([role=\"button\"]) {\n color: var(--accordion-active-summary-color);\n }\n }\n\n // Type button\n &[role=\"button\"] {\n width: 100%;\n text-align: left;\n\n // Marker\n &::after {\n height: calc(1rem * var(--line-height, 1.5));\n background-image: var(--icon-chevron-button);\n }\n\n @if $enable-classes {\n // .contrast\n &:not(.outline).contrast {\n // Marker\n &::after {\n background-image: var(--icon-chevron-button-inverse);\n }\n }\n }\n }\n }\n\n // Open\n &[open] {\n > summary {\n margin-bottom: calc(var(--spacing));\n\n &:not([role]) {\n &:not(:focus) {\n color: var(--accordion-open-summary-color);\n }\n }\n\n &::after {\n transform: rotate(0);\n }\n }\n }\n}\n\n[dir=\"rtl\"] {\n details {\n summary {\n text-align: right;\n\n &::after {\n float: left;\n background-position: left center;\n }\n }\n }\n}\n"]} \ No newline at end of file diff --git a/scss/components/_card.scss.map b/scss/components/_card.scss.map deleted file mode 100644 index 8c8acdce..00000000 --- a/scss/components/_card.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_card.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF;EACE,uCAAuC;EACvC,sEAAsE;EACtE,mCAAmC;EACnC,wCAAwC;EACxC,kCAAkC;;EAElC;;IAEE,wDAAwD;IACxD,uDAAuD;IACvD;qCACiC;IACjC,0DAA0D;EAC5D;;EAEA;IACE,oDAAoD;IACpD,4CAA4C;IAC5C,iEAAiE;IACjE,6CAA6C;IAC7C,4CAA4C;EAC9C;;EAEA;IACE,yCAAyC;IACzC,uDAAuD;IACvD,8DAA8D;IAC9D,gDAAgD;IAChD,+CAA+C;EACjD;AACF","file":"_card.scss","sourcesContent":["/**\n * Card (
)\n */\n\narticle {\n margin: var(--block-spacing-vertical) 0;\n padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n border-radius: var(--border-radius);\n background: var(--card-background-color);\n box-shadow: var(--card-box-shadow);\n\n > header,\n > footer {\n margin-right: calc(var(--block-spacing-horizontal) * -1);\n margin-left: calc(var(--block-spacing-horizontal) * -1);\n padding: calc(var(--block-spacing-vertical) * 0.66)\n var(--block-spacing-horizontal);\n background-color: var(--card-sectionning-background-color);\n }\n\n > header {\n margin-top: calc(var(--block-spacing-vertical) * -1);\n margin-bottom: var(--block-spacing-vertical);\n border-bottom: var(--border-width) solid var(--card-border-color);\n border-top-right-radius: var(--border-radius);\n border-top-left-radius: var(--border-radius);\n }\n\n > footer {\n margin-top: var(--block-spacing-vertical);\n margin-bottom: calc(var(--block-spacing-vertical) * -1);\n border-top: var(--border-width) solid var(--card-border-color);\n border-bottom-right-radius: var(--border-radius);\n border-bottom-left-radius: var(--border-radius);\n }\n}\n"]} \ No newline at end of file diff --git a/scss/components/_dropdown.scss.map b/scss/components/_dropdown.scss.map deleted file mode 100644 index 9ae13f4c..00000000 --- a/scss/components/_dropdown.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_dropdown.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF,MAAM;AACN;;EAEE,kBAAkB;AACpB;;AAEA;;EAEE,aAAa;EACb,WAAW;EACX,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,OAAO;EACP,sBAAsB;EACtB,SAAS;EACT,UAAU;EACV,8DAA8D;EAC9D,mCAAmC;EACnC,0BAA0B;EAC1B,yBAAyB;EACzB,kDAAkD;EAClD,kCAAkC;EAClC,4BAA4B;EAC5B,mBAAmB;;EAEnB;IACE,WAAW;IACX,gBAAgB;IAChB;4CACwC;IACxC,gBAAgB;;IAEhB;MACE,4DAA4D;IAC9D;;IAEA;MACE,+DAA+D;IACjE;;IAEA;MACE,cAAc;MACd;yDACmD;MACnD;8CACwC;MACxC,gBAAgB;MAChB,4BAA4B;MAC5B,qBAAqB;MACrB,uBAAuB;;MAEvB;QACE,wDAAwD;MAC1D;IACF;EACF;AACF;;AAEA,QAAQ;AACR;;EAEE;IACE,cAAc;IACd,WAAW;IACX,4CAA4C;IAC5C,2BAA2B;IAC3B,YAAY;IACZ,uBAAuB;IACvB,iCAAiC;IACjC,0BAA0B;IAC1B,4BAA4B;IAC5B,WAAW;EACb;AACF;;AAEA,sBAAsB;AACtB;EACE,UAAU;EACV,mBAAmB;;EAEnB,6BAA6B;EAC7B;IACE,gBAAgB;;IAEhB;MACE;;;OAGC;MACD;8CACwC;MACxC,kEAAkE;MAClE,mCAAmC;MACnC,sDAAsD;MACtD,4CAA4C;MAC5C,oBAAoB;MACpB,eAAe;;MAEf;QACE;;sCAE8B;MAChC;;MAEA;;QAEE,qDAAqD;QACrD,6DAA6D;MAC/D;;MAEA;QACE,sEAAsE;MACxE;IACF;EACF;;EAEA,gCAAgC;EAChC;IACE,6BAA6B;IAC7B,4BAA4B;;IAE5B;MACE,cAAc;MACd,UAAU;MACV,eAAe;MACf,MAAM;MACN,QAAQ;MACR,SAAS;MACT,OAAO;MACP,gBAAgB;MAChB,WAAW;MACX,eAAe;IACjB;EACF;AACF;;AAEA,4BAA4B;AAC5B;;EAEE,aAAa;EACb,cAAc;AAChB;;AAEA;;EAEE,sBAAsB;EACtB,mCAAmC;;EAEnC;IACE,gBAAgB;EAClB;AACF;;AAEA,4CAA4C;AAC5C;EACE;;IAEE,YAAY;IACZ,4EAA4E;EAC9E;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,gCAAgC;IAChC,sBAAsB;EACxB;;EAEA;IACE,0DAA0D;IAC1D,+BAA+B;;IAE/B;MACE,yEAAyE;MACzE,kEAAkE;IACpE;EACF;AACF;;AAEA,kDAAkD;AAClD;EACE,4BAA4B;EAC5B,8CAA8C;EAC9C;;;IAGE,aAAa;EACf;;EAEA;IACE,aAAa;IACb,yEAAyE;IACzE;;KAEC;EACH;;EAEA;IACE,qCAAqC;EACvC;AACF","file":"_dropdown.scss","sourcesContent":["/**\n * Dropdown ([role=\"list\"])\n */\n\n// Menu\ndetails[role=\"list\"],\nli[role=\"list\"] {\n position: relative;\n}\n\ndetails[role=\"list\"] summary + ul,\nli[role=\"list\"] > ul {\n display: flex;\n z-index: 99;\n position: absolute;\n top: auto;\n right: 0;\n left: 0;\n flex-direction: column;\n margin: 0;\n padding: 0;\n border: var(--border-width) solid var(--dropdown-border-color);\n border-radius: var(--border-radius);\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n background-color: var(--dropdown-background-color);\n box-shadow: var(--card-box-shadow);\n color: var(--dropdown-color);\n white-space: nowrap;\n\n li {\n width: 100%;\n margin-bottom: 0;\n padding: calc(var(--form-element-spacing-vertical) * 0.5)\n var(--form-element-spacing-horizontal);\n list-style: none;\n\n &:first-of-type {\n margin-top: calc(var(--form-element-spacing-vertical) * 0.5);\n }\n\n &:last-of-type {\n margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);\n }\n\n a {\n display: block;\n margin: calc(var(--form-element-spacing-vertical) * -0.5)\n calc(var(--form-element-spacing-horizontal) * -1);\n padding: calc(var(--form-element-spacing-vertical) * 0.5)\n var(--form-element-spacing-horizontal);\n overflow: hidden;\n color: var(--dropdown-color);\n text-decoration: none;\n text-overflow: ellipsis;\n\n &:hover {\n background-color: var(--dropdown-hover-background-color);\n }\n }\n }\n}\n\n// Marker\ndetails[role=\"list\"] summary,\nli[role=\"list\"] > a {\n &::after {\n display: block;\n width: 1rem;\n height: calc(1rem * var(--line-height, 1.5));\n margin-inline-start: 0.5rem;\n float: right;\n transform: rotate(0deg);\n background-position: right center;\n background-size: 1rem auto;\n background-repeat: no-repeat;\n content: \"\";\n }\n}\n\n// Global dropdown only\ndetails[role=\"list\"] {\n padding: 0;\n border-bottom: none;\n\n // Style as `s in IE10+.\n &::-ms-expand {\n border: 0;\n background-color: transparent;\n }\n\n &:not([multiple], [size]) {\n padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n padding-left: var(--form-element-spacing-horizontal);\n padding-inline-start: var(--form-element-spacing-horizontal);\n padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n background-image: var(--icon-chevron);\n background-position: center right 0.75rem;\n background-size: 1rem auto;\n background-repeat: no-repeat;\n }\n}\n\n[dir=\"rtl\"] {\n select {\n &:not([multiple], [size]) {\n background-position: center left 0.75rem;\n }\n }\n}\n\n// Helper\n:where(input, select, textarea) {\n + small {\n display: block;\n width: 100%;\n margin-top: calc(var(--spacing) * -0.75);\n margin-bottom: var(--spacing);\n color: var(--muted-color);\n }\n}\n\n// Styles for Input inside a label\nlabel {\n > :where(input, select, textarea) {\n margin-top: calc(var(--spacing) * 0.25);\n }\n}\n"]} \ No newline at end of file diff --git a/scss/content/_miscs.scss.map b/scss/content/_miscs.scss.map deleted file mode 100644 index a8be1c77..00000000 --- a/scss/content/_miscs.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_miscs.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF,mBAAmB;AACnB,yEAAyE;AACzE,+EAA+E;AAC/E,sBAAsB;;AAEtB,uDAAuD;AACvD,0CAA0C;AAC1C;EACE,SAAS,EAAE,GAAG;EACd,SAAS;EACT,+CAA+C;EAC/C,cAAc,EAAE,GAAG;AACrB;;AAEA,mCAAmC;AACnC;;EAEE;IACE,wBAAwB;EAC1B;EACA;IACE,aAAa;EACf;AACF;;AAEA,kCAAkC;AAClC;EACE,qBAAqB;AACvB","file":"_miscs.scss","sourcesContent":["/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance of border color in Firefox\n// 2. Add the correct box sizing in Firefox\nhr {\n height: 0; // 2\n border: 0;\n border-top: 1px solid var(--muted-border-color);\n color: inherit; // 1\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n @if $enable-important {\n display: none !important;\n } \n @else {\n display: none;\n }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n display: inline-block;\n}\n"]} \ No newline at end of file diff --git a/scss/content/_table.scss.map b/scss/content/_table.scss.map deleted file mode 100644 index da6038e4..00000000 --- a/scss/content/_table.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_table.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF,mBAAmB;AACnB,yEAAyE;AACzE,+EAA+E;AAC/E,sBAAsB;;AAEtB,0DAA0D;AAC1D,4EAA4E;AAC5E;EACE,WAAW;EACX,yBAAyB,EAAE,GAAG;EAC9B,iBAAiB;EACjB,cAAc,EAAE,GAAG;AACrB;;AAEA,MAAM;AACN,sBAAsB;;AAEtB,OAAO;AACP;;EAEE,gDAAgD;EAChD,kEAAkE;EAClE,mBAAmB;EACnB,+BAA+B;EAC/B,2BAA2B;EAC3B,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA,QAAQ;AACR;EACE;;IAEE,+DAA+D;IAC/D,gBAAgB;EAClB;AACF;;AAEA,SAAS;AACT;EACE;IACE;MACE,4DAA4D;IAC9D;EACF;AACF","file":"_table.scss","sourcesContent":["/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated)\n// 2. Remove text indentation from table contents in Chrome, Edge, and Safari\n:where(table) {\n width: 100%;\n border-collapse: collapse; // 1\n border-spacing: 0;\n text-indent: 0; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n padding: calc(var(--spacing) / 2) var(--spacing);\n border-bottom: var(--border-width) solid var(--table-border-color);\n color: var(--color);\n font-weight: var(--font-weight);\n font-size: var(--font-size);\n text-align: left;\n text-align: start;\n}\n\n// Footer\ntfoot {\n th,\n td {\n border-top: var(--border-width) solid var(--table-border-color);\n border-bottom: 0;\n }\n}\n\n// Striped\ntable {\n &[role=\"grid\"] {\n tbody tr:nth-child(odd) {\n background-color: var(--table-row-stripped-background-color);\n }\n }\n}\n"]} \ No newline at end of file diff --git a/scss/content/_typography.scss.map b/scss/content/_typography.scss.map deleted file mode 100644 index a48cfa64..00000000 --- a/scss/content/_typography.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_typography.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF,mBAAmB;AACnB,yEAAyE;AACzE,+EAA+E;AAC/E,sBAAsB;;AAEtB,yDAAyD;AACzD;;EAEE,mBAAmB;AACrB;;AAEA,iFAAiF;AACjF;;EAEE,kBAAkB;EAClB,iBAAiB;EACjB,cAAc;EACd,wBAAwB;AAC1B;AACA;EACE,eAAe;AACjB;AACA;EACE,WAAW;AACb;;AAEA,MAAM;AACN,sBAAsB;;AAEtB;;;;;;;;;;EAUE,aAAa;EACb,iDAAiD;EACjD,mBAAmB;EACnB,kBAAkB;EAClB,+BAA+B;EAC/B,2BAA2B;AAC7B;;AAEA,OAAO;AACP,wDAAwD;AACxD;;EAEE,uBAAuB;EACvB,+BAA+B;EAC/B,aAAa;EACb,yCAAyC,EAAE,GAAG;EAC9C,mBAAmB;EACnB,uCAAuC;;EAEvC;IACE;qEACiE;EACnE;;EAEA;IACE,6BAA6B;IAC7B,4BAA4B;EAC9B;;EAEA;IACE,wCAAwC;EAC1C;;EAEA;IACE,WAAW;IACX;MACE,yBAAyB;;MAEzB;QACE,+BAA+B;MACjC;;MAEA;QACE,0CAA0C;MAC5C;IACF;;IAEA,UAAU;IACV;MACE,wBAAwB;;MAExB;QACE,8BAA8B;MAChC;;MAEA;QACE,yCAAyC;MAC3C;IACF;EACF;AACF;;AAEA,UAAU;AACV;;;;;;EAME,aAAa;EACb,iDAAiD;EACjD,mBAAmB;EACnB,+BAA+B;EAC/B,2BAA2B;EAC3B,+BAA+B;AACjC;;AAEA;EACE,wBAAwB;AAC1B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,wBAAwB;AAC1B;;AAEA,kDAAkD;AAClD;EACE;IACE,8CAA8C;EAChD;AACF;;AAEA,eAAe;AACf;EACE;IACE,iDAAiD;;IAEjD;MACE,gBAAgB;IAClB;;IAEA;MACE,2BAA2B;MAC3B,oBAAoB;MACpB,eAAe;MACf,kBAAkB;IACpB;EACF;AACF;;AAEA;EACE;;IAEE,iDAAiD;;IAEjD;MACE,gBAAgB;IAClB;;IAEA;MACE,2BAA2B;MAC3B,oBAAoB;MACpB,eAAe;MACf,kBAAkB;IACpB;EACF;AACF;;AAEA,YAAY;AACZ;EACE,iDAAiD;AACnD;;AAEA,OAAO;AACP;EACE,2BAA2B;AAC7B;;AAEA,OAAO;AACP;EACE,gBAAgB;EAChB,4BAA4B;EAC5B,oCAAoC;EACpC,qBAAqB;;EAErB;IACE,8DAA8D;EAChE;AACF;;AAEA,6BAA6B;AAC7B,sEAAsE;AACtE;EACE;IACE,SAAS,EAAE,GAAG;IACd,2DAA2D;EAC7D;AACF;;AAEA;EACE,kBAAkB;AACpB;;AAEA,kBAAkB;AAClB;EACE,yBAAyB;EACzB,8CAA8C;EAC9C,wBAAwB;EACxB,wBAAwB;AAC1B;;AAEA,YAAY;AACZ;EACE,cAAc;EACd,4CAA4C;EAC5C,uBAAuB;EACvB,kBAAkB;EAClB,yDAAyD;EACzD,iEAAiE;EACjE,uBAAuB;;EAEvB;IACE,0DAA0D;IAC1D,qCAAqC;EACvC;AACF;;AAEA,eAAe;AACf,uEAAuE;AACvE;EACE,yBAAyB;EACzB,qBAAqB,EAAE,GAAG;EAC1B,YAAY;AACd;;AAEA,KAAK;AACL;EACE,uBAAuB;EACvB,qBAAqB;AACvB;;AAEA,KAAK;AACL;EACE,uBAAuB;AACzB;;AAEA,WAAW;AACX;EACE,sCAAsC;AACxC","file":"_typography.scss","sourcesContent":["/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n position: relative;\n font-size: 0.75em;\n line-height: 0;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n margin-top: 0;\n margin-bottom: var(--typography-spacing-vertical);\n color: var(--color);\n font-style: normal;\n font-weight: var(--font-weight);\n font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na,\n[role=\"link\"] {\n --color: var(--primary);\n --background-color: transparent;\n outline: none;\n background-color: var(--background-color); // 1\n color: var(--color);\n text-decoration: var(--text-decoration);\n\n @if $enable-transitions {\n transition: background-color var(--transition), color var(--transition),\n text-decoration var(--transition), box-shadow var(--transition);\n }\n\n &:is([aria-current], :hover, :active, :focus) {\n --color: var(--primary-hover);\n --text-decoration: underline;\n }\n\n &:focus {\n --background-color: var(--primary-focus);\n }\n\n @if $enable-classes {\n // Secondary\n &.secondary {\n --color: var(--secondary);\n\n &:is([aria-current], :hover, :active, :focus) {\n --color: var(--secondary-hover);\n }\n\n &:focus {\n --background-color: var(--secondary-focus);\n }\n }\n\n // Contrast\n &.contrast {\n --color: var(--contrast);\n\n &:is([aria-current], :hover, :active, :focus) {\n --color: var(--contrast-hover);\n }\n\n &:focus {\n --background-color: var(--contrast-focus);\n }\n }\n }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: var(--typography-spacing-vertical);\n color: var(--color);\n font-weight: var(--font-weight);\n font-size: var(--font-size);\n font-family: var(--font-family);\n}\n\nh1 {\n --color: var(--h1-color);\n}\nh2 {\n --color: var(--h2-color);\n}\nh3 {\n --color: var(--h3-color);\n}\nh4 {\n --color: var(--h4-color);\n}\nh5 {\n --color: var(--h5-color);\n}\nh6 {\n --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\n:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) {\n ~ :is(h1, h2, h3, h4, h5, h6) {\n margin-top: var(--typography-spacing-vertical);\n }\n}\n\n// Heading group\n@if $enable-classes == false {\n hgroup {\n margin-bottom: var(--typography-spacing-vertical);\n\n > * {\n margin-bottom: 0;\n }\n\n > *:last-child {\n --color: var(--muted-color);\n --font-weight: unset;\n font-size: 1rem;\n font-family: unset;\n }\n }\n}\n\n@if $enable-classes {\n hgroup,\n .headings {\n margin-bottom: var(--typography-spacing-vertical);\n\n > * {\n margin-bottom: 0;\n }\n\n > *:last-child {\n --color: var(--muted-color);\n --font-weight: unset;\n font-size: 1rem;\n font-family: unset;\n }\n }\n}\n\n// Paragraphs\np {\n margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n font-size: var(--font-size);\n}\n\n// Lists\n:where(dl, ol, ul) {\n padding-right: 0;\n padding-left: var(--spacing);\n padding-inline-start: var(--spacing);\n padding-inline-end: 0;\n\n li {\n margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n }\n}\n\n// Margin-top for nested lists\n// 1. Remove the margin on nested lists in Chrome, Edge, IE, and Safari\n:where(dl, ol, ul) {\n :is(dl, ol, ul) {\n margin: 0; // 1\n margin-top: calc(var(--typography-spacing-vertical) * 0.25);\n }\n}\n\nul li {\n list-style: square;\n}\n\n// Highlighted text\nmark {\n padding: 0.125rem 0.25rem;\n background-color: var(--mark-background-color);\n color: var(--mark-color);\n vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n display: block;\n margin: var(--typography-spacing-vertical) 0;\n padding: var(--spacing);\n border-right: none;\n border-left: 0.25rem solid var(--blockquote-border-color);\n border-inline-start: 0.25rem solid var(--blockquote-border-color);\n border-inline-end: none;\n\n footer {\n margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n color: var(--blockquote-footer-color);\n }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n border-bottom: 1px dotted;\n text-decoration: none; // 1\n cursor: help;\n}\n\n// Ins\nins {\n color: var(--ins-color);\n text-decoration: none;\n}\n\n// del\ndel {\n color: var(--del-color);\n}\n\n// selection\n::selection {\n background-color: var(--primary-focus);\n}\n"]} \ No newline at end of file diff --git a/scss/layout/_container.scss.map b/scss/layout/_container.scss.map deleted file mode 100644 index 792a8b8f..00000000 --- a/scss/layout/_container.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_container.scss"],"names":[],"mappings":"AAAA;EACE;;EAEA;;EAEA;;IAEE,WAAW;IACX,kBAAkB;IAClB,iBAAiB;IACjB,6BAA6B;IAC7B,4BAA4B;EAC9B;;EAEA;IACE;MACE;QACE,oCAAoC;QACpC,gBAAgB;QAChB,eAAe;MACjB;IACF;;IAEA;MACE;QACE,oCAAoC;MACtC;IACF;;IAEA;MACE;QACE,oCAAoC;MACtC;IACF;;IAEA;MACE;QACE,oCAAoC;MACtC;IACF;EACF;AACF","file":"_container.scss","sourcesContent":["@if ($enable-class-container and $enable-classes) {\n /**\n * Container\n */\n\n .container,\n .container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n }\n\n .container {\n @if map-get($breakpoints, \"sm\") {\n @media (min-width: map-get($breakpoints, \"sm\")) {\n max-width: map-get($viewports, \"sm\");\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @if map-get($breakpoints, \"md\") {\n @media (min-width: map-get($breakpoints, \"md\")) {\n max-width: map-get($viewports, \"md\");\n }\n }\n\n @if map-get($breakpoints, \"lg\") {\n @media (min-width: map-get($breakpoints, \"lg\")) {\n max-width: map-get($viewports, \"lg\");\n }\n }\n\n @if map-get($breakpoints, \"xl\") {\n @media (min-width: map-get($breakpoints, \"xl\")) {\n max-width: map-get($viewports, \"xl\");\n }\n }\n }\n}\n"]} \ No newline at end of file diff --git a/scss/layout/_document.scss.map b/scss/layout/_document.scss.map deleted file mode 100644 index 8286720a..00000000 --- a/scss/layout/_document.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_document.scss"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,mBAAmB;AACnB,yEAAyE;AACzE,+EAA+E;AAC/E,sBAAsB;;AAEtB,wDAAwD;AACxD,uDAAuD;AACvD;;;EAGE,sBAAsB,EAAE,GAAG;EAC3B,4BAA4B,EAAE,GAAG;AACnC;;AAEA,kEAAkE;AAClE,qEAAqE;AACrE;;EAEE,wBAAwB,EAAE,GAAG;EAC7B,uBAAuB,EAAE,GAAG;AAC9B;;AAEA,yDAAyD;AACzD,yDAAyD;AACzD,mEAAmE;AACnE,0DAA0D;AAC1D,4DAA4D;AAC5D,sEAAsE;AACtE;EACE,wCAAwC,EAAE,GAAG;EAC7C,8BAA8B,EAAE,GAAG;EACnC,sBAAsB,EAAE,GAAG;EAC3B,yCAAyC;EACzC,mBAAmB;EACnB,+BAA+B;EAC/B,2BAA2B;EAC3B,+BAA+B,EAAE,GAAG;EACpC,+BAA+B;EAC/B,kCAAkC;EAClC,yBAAyB,EAAE,GAAG;EAC9B,eAAe,EAAE,GAAG;EACpB,WAAW,EAAE,GAAG;AAClB","file":"_document.scss","sourcesContent":["/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add border box sizing in all browsers (opinionated)\n// 2. Backgrounds do not repeat by default (opinionated)\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n background-repeat: no-repeat; // 2\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n text-decoration: inherit; // 1\n vertical-align: inherit; // 2\n}\n\n// 1. Use the default cursor in all browsers (opinionated)\n// 2. Change the line height in all browsers (opinionated)\n// 3. Breaks words to prevent overflow in all browsers (opinionated)\n// 4. Use a 4-space tab width in all browsers (opinionated)\n// 5. Remove the grey highlight on links in iOS (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in iOS\n:where(:root) {\n -webkit-tap-highlight-color: transparent; // 5\n -webkit-text-size-adjust: 100%; // 6\n text-size-adjust: 100%; // 6\n background-color: var(--background-color);\n color: var(--color);\n font-weight: var(--font-weight);\n font-size: var(--font-size);\n line-height: var(--line-height); // 2\n font-family: var(--font-family);\n text-rendering: optimizeLegibility;\n overflow-wrap: break-word; // 3\n cursor: default; // 1\n tab-size: 4; // 4\n}\n"]} \ No newline at end of file diff --git a/scss/layout/_grid.scss.map b/scss/layout/_grid.scss.map deleted file mode 100644 index 8f782e74..00000000 --- a/scss/layout/_grid.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_grid.scss"],"names":[],"mappings":"AAAA;EACE;;;EAGA;;EAEA;IACE,+CAA+C;IAC/C,0CAA0C;IAC1C,aAAa;IACb,0BAA0B;IAC1B,SAAS;;IAET;MACE;QACE,wDAAwD;MAC1D;IACF;;IAEA;MACE,YAAY,EAAE,6BAA6B;IAC7C;EACF;AACF","file":"_grid.scss","sourcesContent":["@if ($enable-classes and $enable-grid) {\n /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n .grid {\n grid-column-gap: var(--grid-spacing-horizontal);\n grid-row-gap: var(--grid-spacing-vertical);\n display: grid;\n grid-template-columns: 1fr;\n margin: 0;\n\n @if map-get($breakpoints, \"lg\") {\n @media (min-width: map-get($breakpoints, \"lg\")) {\n grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n }\n }\n\n & > * {\n min-width: 0; // HACK for childs in overflow\n }\n }\n}\n"]} \ No newline at end of file diff --git a/scss/layout/_scroller.scss.map b/scss/layout/_scroller.scss.map deleted file mode 100644 index 960c9365..00000000 --- a/scss/layout/_scroller.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_scroller.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF,6DAA6D;AAC7D;EACE,cAAc;EACd,SAAS;EACT,UAAU;EACV,gBAAgB;;EAEhB;IACE,qCAAqC;IACrC,yBAAyB;EAC3B;AACF","file":"_scroller.scss","sourcesContent":["/**\n * Horizontal scroller (
)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n display: block;\n margin: 0;\n padding: 0;\n overflow-x: auto;\n\n figcaption {\n padding: calc(var(--spacing) * 0.5) 0;\n color: var(--muted-color);\n }\n}\n"]} \ No newline at end of file diff --git a/scss/layout/_section.scss.map b/scss/layout/_section.scss.map deleted file mode 100644 index 7333a93e..00000000 --- a/scss/layout/_section.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_section.scss"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;EACE,4CAA4C;AAC9C","file":"_section.scss","sourcesContent":["/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n margin-bottom: var(--block-spacing-vertical);\n}\n"]} \ No newline at end of file diff --git a/scss/layout/_sectioning.scss.map b/scss/layout/_sectioning.scss.map deleted file mode 100644 index 75d0d2b9..00000000 --- a/scss/layout/_sectioning.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_sectioning.scss"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,mBAAmB;AACnB,yEAAyE;AACzE,+EAA+E;AAC/E,sBAAsB;;AAEtB,8CAA8C;AAC9C;EACE,cAAc;AAChB;;AAEA,MAAM;AACN,sBAAsB;;AAEtB,oDAAoD;AACpD;EACE,WAAW;EACX,SAAS,EAAE,GAAG;;EAEd;;;IAGE,WAAW;IACX,kBAAkB;IAClB,iBAAiB;;IAEjB,oBAAoB;IACpB;MACE,sEAAsE;;MAEtE,mBAAmB;MACnB;QACE;UACE;YACE,oCAAoC;YACpC,gBAAgB;YAChB,eAAe;UACjB;QACF;;QAEA;UACE;YACE,oCAAoC;UACtC;QACF;;QAEA;UACE;YACE,oCAAoC;UACtC;QACF;;QAEA;UACE;YACE,oCAAoC;UACtC;QACF;MACF;IACF;;IAEA,oBAAoB;IACpB;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_sectioning.scss","sourcesContent":["/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// 1. Remove the margin in all browsers (opinionated)\n#{$semantic-root-element} {\n width: 100%;\n margin: 0; // 1\n\n > header,\n > main,\n > footer {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n\n // Semantic container\n @if $enable-semantic-container {\n padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n // Centered viewport\n @if $enable-viewport {\n @if map-get($breakpoints, \"sm\") and $enable-viewport {\n @media (min-width: map-get($breakpoints, \"sm\")) {\n max-width: map-get($viewports, \"sm\");\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @if map-get($breakpoints, \"md\") and $enable-viewport {\n @media (min-width: map-get($breakpoints, \"md\")) {\n max-width: map-get($viewports, \"md\");\n }\n }\n\n @if map-get($breakpoints, \"lg\") and $enable-viewport {\n @media (min-width: map-get($breakpoints, \"lg\")) {\n max-width: map-get($viewports, \"lg\");\n }\n }\n\n @if map-get($breakpoints, \"xl\") and $enable-viewport {\n @media (min-width: map-get($breakpoints, \"xl\")) {\n max-width: map-get($viewports, \"xl\");\n }\n }\n }\n }\n\n // Semantic container\n @else {\n padding: var(--block-spacing-vertical) 0;\n }\n }\n}\n"]} \ No newline at end of file diff --git a/scss/themes/default.scss.map b/scss/themes/default.scss.map deleted file mode 100644 index 8c82f780..00000000 --- a/scss/themes/default.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["default.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF,WAAW;AACX,sBAAsB;AACtB,wBAAwB;;AAExB,gBAAgB;AAChB,wBAAwB;;AAExB,uBAAuB;AACvB,uCAAuC;AACvC,uBAAuB;;AAEvB,mBAAmB;AACnB,qDAAqD;AACrD,sBAAsB;AACtB;EACE;IACE,aAAa;EACf;AACF;;AAEA,qBAAqB;AACrB,0CAA0C;AAC1C;EACE,aAAa;AACf;;AAEA,cAAc;AACd;;;;EAIE,4BAA4B;AAC9B","file":"default.scss","sourcesContent":["/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n @include dark;\n }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n @include dark;\n}\n\n// Accent-color\nprogress,\n[type=\"checkbox\"],\n[type=\"radio\"],\n[type=\"range\"] {\n accent-color: var(--primary);\n}\n"]} \ No newline at end of file diff --git a/scss/utilities/_accessibility.scss.map b/scss/utilities/_accessibility.scss.map deleted file mode 100644 index c975aaaf..00000000 --- a/scss/utilities/_accessibility.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_accessibility.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF,YAAY;AACZ,yEAAyE;AACzE,+EAA+E;AAC/E,sBAAsB;;AAEtB,eAAe;;AAEf,qEAAqE;AACrE;EACE,eAAe;AACjB;;AAEA,6GAA6G;AAC7G;;EAEE,mBAAmB;AACrB;;AAEA,yFAAyF;AACzF;EACE,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA,kBAAkB;AAClB,mCAAmC;AACnC;;;;;;;;;EASE,8BAA8B;AAChC;;AAEA,MAAM;AACN,sBAAsB;;AAEtB;EACE,cAAc;AAChB","file":"_accessibility.scss","sourcesContent":["/**\n * Accessibility & User interaction\n */\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n -ms-touch-action: manipulation;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n direction: rtl;\n}\n"]} \ No newline at end of file diff --git a/scss/utilities/_loading.scss.map b/scss/utilities/_loading.scss.map deleted file mode 100644 index 9fa91730..00000000 --- a/scss/utilities/_loading.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_loading.scss"],"names":[],"mappings":"AAAA;;EAEE;;;AAGF,QAAQ;AACR;EACE,gBAAgB;AAClB;;AAEA,gCAAgC;AAChC;;EAEE;IACE,qBAAqB;IACrB,UAAU;IACV,WAAW;IACX,mCAAmC;IACnC,kBAAkB;IAClB,+BAA+B;IAC/B,WAAW;IACX,2BAA2B;IAC3B,uBAAuB,EAAE,kBAAkB;IAC3C,wCAAwC;IACxC,uCAAuC;EACzC;;EAEA;IACE;MACE,wCAAwC;MACxC,cAAc;MACd,sBAAsB;MACtB,6CAA6C;IAC/C;EACF;;EAEA;IACE,kBAAkB;EACpB;AACF;;AAEA,mBAAmB;AACnB;;;;;EAKE;IACE,oBAAoB;EACtB;AACF;;AAEA,mBAAmB;AACnB;EACE;IACE,yBAAyB;EAC3B;AACF","file":"_loading.scss","sourcesContent":["/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input, select, textarea) {\n\n &::before {\n display: inline-block;\n width: 1em;\n height: 1em;\n border: 0.1875em solid currentColor;\n border-radius: 1em;\n border-right-color: transparent;\n content: \"\";\n vertical-align: text-bottom;\n vertical-align: -.125em; // Visual alignment\n animation: spinner 0.75s linear infinite;\n opacity: var(--loading-spinner-opacity);\n }\n\n &:not(:empty) {\n &::before {\n margin-right: calc(var(--spacing) * 0.5);\n margin-left: 0;\n margin-inline-start: 0;\n margin-inline-end: calc(var(--spacing) * 0.5);\n }\n }\n\n &:empty {\n text-align: center;\n }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n &[aria-busy=\"true\"] {\n pointer-events: none;\n }\n}\n\n// Animation: rotate\n@keyframes spinner {\n to {\n transform: rotate(360deg);\n }\n}\n"]} \ No newline at end of file diff --git a/scss/utilities/_reduce-motion.scss.map b/scss/utilities/_reduce-motion.scss.map deleted file mode 100644 index a71a7162..00000000 --- a/scss/utilities/_reduce-motion.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_reduce-motion.scss"],"names":[],"mappings":"AAAA;EACE;;EAEA;;EAEA,YAAY;EACZ,+EAA+E;EAC/E,sBAAsB;;EAEtB,2DAA2D;EAC3D,6EAA6E;EAC7E,0EAA0E;EAC1E,4DAA4D;EAC5D;IACE;;;MAGE,yCAAyC,EAAE,GAAG;MAC9C,kCAAkC,EAAE,GAAG;MACvC,gCAAgC,EAAE,GAAG;MACrC,uCAAuC,EAAE,GAAG;MAC5C,gCAAgC,EAAE,GAAG;MACrC,+BAA+B,EAAE,GAAG;MACpC,kCAAkC,EAAE,GAAG;IACzC;EACF;AACF","file":"_reduce-motion.scss","sourcesContent":["@if $enable-transitions and $enable-important {\n /**\n * Reduce Motion Features\n */\n\n // Based on :\n // - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n // ––––––––––––––––––––\n\n // 1. Remove animations when motion is reduced (opinionated)\n // 2. Remove fixed background attachments when motion is reduced (opinionated)\n // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n // 4. Remove transitions when motion is reduced (opinionated)\n @media (prefers-reduced-motion: reduce) {\n *:not([aria-busy=\"true\"]),\n :not([aria-busy=\"true\"])::before,\n :not([aria-busy=\"true\"])::after {\n background-attachment: initial !important; // 2\n animation-duration: 1ms !important; // 1\n animation-delay: -1ms !important; // 1\n animation-iteration-count: 1 !important; // 1\n scroll-behavior: auto !important; // 3\n transition-delay: 0s !important; // 4\n transition-duration: 0s !important; // 4\n }\n }\n}\n"]} \ No newline at end of file diff --git a/scss/utilities/_tooltip.scss.map b/scss/utilities/_tooltip.scss.map deleted file mode 100644 index 5ad07a50..00000000 --- a/scss/utilities/_tooltip.scss.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["_tooltip.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF;EACE,kBAAkB;;EAElB;IACE,yBAAyB;IACzB,qBAAqB;IACrB,YAAY;EACd;;EAEA;;;;IAIE,cAAc;IACd,WAAW;IACX,kBAAkB;IAClB,YAAY;IACZ,SAAS;IACT,qBAAqB;IACrB,gBAAgB;IAChB,mCAAmC;IACnC,mCAAmC;IACnC,2CAA2C;IAC3C,2BAA2B;IAC3B,2BAA2B;IAC3B,kBAAkB;IAClB,+BAA+B;IAC/B,kBAAkB;IAClB,qBAAqB;IACrB,uBAAuB;IACvB,mBAAmB;IACnB,UAAU;IACV,oBAAoB;EACtB;;EAEA,OAAO;EACP;;IAEE,UAAU;IACV,gCAAgC;IAChC,uBAAuB;IACvB,qCAAqC;IACrC,oCAAoC;IACpC,gBAAgB;IAChB,6BAA6B;IAC7B,WAAW;IACX,sCAAsC;EACxC;;EAEA;IACE;;MAEE,SAAS;MACT,YAAY;MACZ,kCAAkC;IACpC;;IAEA;MACE,kCAAkC;MAClC,+BAA+B;MAC/B,0BAA0B;IAC5B;EACF;;EAEA;IACE;;MAEE,QAAQ;MACR,WAAW;MACX,YAAY;MACZ,UAAU;MACV,mCAAmC;IACrC;;IAEA;MACE,iCAAiC;MACjC,+BAA+B;MAC/B,wBAAwB;IAC1B;EACF;;EAEA;IACE;;MAEE,QAAQ;MACR,WAAW;MACX,YAAY;MACZ,UAAU;MACV,kCAAkC;IACpC;;IAEA;MACE,kCAAkC;MAClC,+BAA+B;MAC/B,yBAAyB;IAC3B;EACF;;EAEA,SAAS;EACT;;IAEE;;MAEE,UAAU;IACZ;EACF;;;EAGA;;IAEE,qCAAqC;IACrC;MACE;;;;QAIE;;UAEE,uBAAuB;UACvB,iCAAiC;QACnC;;QAEA;UACE,uCAAuC;QACzC;MACF;;MAEA;QACE;;UAEE;;YAEE,uBAAuB;YACvB,oCAAoC;UACtC;;UAEA;YACE,0CAA0C;UAC5C;QACF;MACF;;MAEA;QACE;;UAEE;;YAEE,uBAAuB;YACvB,kCAAkC;UACpC;;UAEA;YACE,wCAAwC;UAC1C;QACF;MACF;;MAEA;QACE;;UAEE;;YAEE,uBAAuB;YACvB,mCAAmC;UACrC;;UAEA;YACE,yCAAyC;UAC3C;QACF;MACF;IACF;;IAEA;MACE;QACE,kCAAkC;QAClC,UAAU;MACZ;MACA;QACE,mCAAmC;QACnC,UAAU;MACZ;IACF;;IAEA;MACE;QACE,UAAU;MACZ;MACA;QACE,mCAAmC;QACnC,UAAU;MACZ;MACA;QACE,gCAAgC;QAChC,UAAU;MACZ;IACF;;IAEA;MACE;QACE,mCAAmC;QACnC,UAAU;MACZ;MACA;QACE,kCAAkC;QAClC,UAAU;MACZ;IACF;;IAEA;MACE;QACE,UAAU;MACZ;MACA;QACE,kCAAkC;QAClC,UAAU;MACZ;MACA;QACE,kCAAkC;QAClC,UAAU;MACZ;IACF;;IAEA;MACE;QACE,kCAAkC;QAClC,UAAU;MACZ;MACA;QACE,mCAAmC;QACnC,UAAU;MACZ;IACF;;IAEA;MACE;QACE,UAAU;MACZ;MACA;QACE,kCAAkC;QAClC,UAAU;MACZ;MACA;QACE,iCAAiC;QACjC,UAAU;MACZ;IACF;;IAEA;MACE;QACE,mCAAmC;QACnC,UAAU;MACZ;MACA;QACE,kCAAkC;QAClC,UAAU;MACZ;IACF;;IAEA;MACE;QACE,UAAU;MACZ;MACA;QACE,mCAAmC;QACnC,UAAU;MACZ;MACA;QACE,kCAAkC;QAClC,UAAU;MACZ;IACF;EACF;AACF","file":"_tooltip.scss","sourcesContent":["/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n position: relative;\n\n &:not(a, button, input) {\n border-bottom: 1px dotted;\n text-decoration: none;\n cursor: help;\n }\n\n &[data-placement=\"top\"]::before,\n &[data-placement=\"top\"]::after,\n &::before,\n &::after {\n display: block;\n z-index: 99;\n position: absolute;\n bottom: 100%;\n left: 50%;\n padding: .25rem .5rem;\n overflow: hidden;\n transform: translate(-50%, -.25rem);\n border-radius: var(--border-radius);\n background: var(--tooltip-background-color);\n content: attr(data-tooltip);\n color: var(--tooltip-color);\n font-style: normal;\n font-weight: var(--font-weight);\n font-size: .875rem;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n }\n \n // Caret\n &[data-placement=\"top\"]::after,\n &::after {\n padding: 0;\n transform: translate(-50%, 0rem);\n border-top: .3rem solid;\n border-right: .3rem solid transparent;\n border-left: .3rem solid transparent;\n border-radius: 0;\n background-color: transparent;\n content: \"\";\n color: var(--tooltip-background-color);\n }\n\n &[data-placement=\"bottom\"] {\n &::before,\n &::after {\n top: 100%;\n bottom: auto;\n transform: translate(-50%, .25rem);\n }\n \n &:after{\n transform: translate(-50%, -.3rem);\n border: .3rem solid transparent;\n border-bottom: .3rem solid;\n }\n }\n\n &[data-placement=\"left\"] {\n &::before,\n &::after {\n top: 50%;\n right: 100%;\n bottom: auto;\n left: auto;\n transform: translate(-.25rem, -50%);\n }\n \n &:after{\n transform: translate(.3rem, -50%);\n border: .3rem solid transparent;\n border-left: .3rem solid;\n }\n }\n\n &[data-placement=\"right\"] {\n &::before,\n &::after {\n top: 50%;\n right: auto;\n bottom: auto;\n left: 100%;\n transform: translate(.25rem, -50%);\n }\n \n &:after{\n transform: translate(-.3rem, -50%);\n border: .3rem solid transparent;\n border-right: .3rem solid;\n }\n }\n\n // Display\n &:focus,\n &:hover {\n &::before,\n &::after {\n opacity: 1;\n }\n }\n\n \n @if $enable-transitions {\n\n // Animations, excluding touch devices\n @media (hover: hover) and (pointer: fine) {\n &[data-placement=\"bottom\"]:focus,\n &[data-placement=\"bottom\"]:hover\n &:focus,\n &:hover {\n &::before,\n &::after {\n animation-duration: .2s;\n animation-name: tooltip-slide-top;\n }\n\n &::after {\n animation-name: tooltip-caret-slide-top; \n }\n }\n \n &[data-placement=\"bottom\"] {\n &:focus,\n &:hover {\n &::before,\n &::after {\n animation-duration: .2s;\n animation-name: tooltip-slide-bottom;\n }\n \n &::after {\n animation-name: tooltip-caret-slide-bottom; \n }\n }\n }\n \n &[data-placement=\"left\"] {\n &:focus,\n &:hover {\n &::before,\n &::after {\n animation-duration: .2s;\n animation-name: tooltip-slide-left;\n }\n \n &::after {\n animation-name: tooltip-caret-slide-left; \n }\n }\n }\n \n &[data-placement=\"right\"] {\n &:focus,\n &:hover {\n &::before,\n &::after {\n animation-duration: .2s;\n animation-name: tooltip-slide-right;\n }\n \n &::after {\n animation-name: tooltip-caret-slide-right; \n }\n }\n }\n }\n\n @keyframes tooltip-slide-top {\n from {\n transform: translate(-50%, .75rem);\n opacity: 0;\n }\n to {\n transform: translate(-50%, -.25rem);\n opacity: 1;\n }\n }\n \n @keyframes tooltip-caret-slide-top {\n from {\n opacity: 0;\n }\n 50% {\n transform: translate(-50%, -.25rem);\n opacity: 0;\n }\n to {\n transform: translate(-50%, 0rem);\n opacity: 1;\n }\n }\n \n @keyframes tooltip-slide-bottom {\n from {\n transform: translate(-50%, -.75rem);\n opacity: 0;\n }\n to {\n transform: translate(-50%, .25rem);\n opacity: 1;\n }\n }\n \n @keyframes tooltip-caret-slide-bottom {\n from {\n opacity: 0;\n }\n 50% {\n transform: translate(-50%, -.5rem);\n opacity: 0;\n }\n to {\n transform: translate(-50%, -.3rem);\n opacity: 1;\n }\n }\n \n @keyframes tooltip-slide-left {\n from {\n transform: translate(.75rem, -50%);\n opacity: 0;\n }\n to {\n transform: translate(-.25rem, -50%);\n opacity: 1;\n }\n }\n \n @keyframes tooltip-caret-slide-left {\n from {\n opacity: 0;\n }\n 50% {\n transform: translate(.05rem, -50%);\n opacity: 0;\n }\n to {\n transform: translate(.3rem, -50%);\n opacity: 1;\n }\n }\n \n @keyframes tooltip-slide-right {\n from {\n transform: translate(-.75rem, -50%);\n opacity: 0;\n }\n to {\n transform: translate(.25rem, -50%);\n opacity: 1;\n }\n }\n \n @keyframes tooltip-caret-slide-right {\n from {\n opacity: 0;\n }\n 50% {\n transform: translate(-.05rem, -50%);\n opacity: 0;\n }\n to {\n transform: translate(-.3rem, -50%);\n opacity: 1;\n }\n }\n }\n}\n"]} \ No newline at end of file