From 04b35d3d0ebce5b97f0e81fdbba3ee2a538cfccd Mon Sep 17 00:00:00 2001 From: Jieiku <106644+Jieiku@users.noreply.github.com> Date: Wed, 5 Jan 2022 09:40:06 -0800 Subject: [PATCH 1/8] pico-flexgrid --- package.json | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/package.json b/package.json index d80e5641..8149baf6 100644 --- a/package.json +++ b/package.json @@ -29,22 +29,18 @@ "scripts": { "watch": "npm-run-all --parallel watch:pico watch:docs:scss watch:docs:html watch:docs:js --silent", "build": "npm-run-all scss:sorter:pico build:pico scss:sorter:docs build:docs:css build:docs:js build:docs:html --silent", - "build:docs": "npm-run-all --parallel build:docs:css build:docs:js build:docs:html --silent", "build:docs:css": "npm-run-all css:compile:docs css:prefix:docs css:minify:docs --silent", "build:docs:html": "npm-run-all htmlincludes:docs --silent", "build:docs:js": "npm-run-all js:bundle:docs:commons js:bundle:docs:customization js:babel:docs:commons js:babel:docs:customization js:babel:docs:grid js:babel:docs:modal js:minify:docs:commons js:minify:docs:customization js:minify:docs:grid js:minify:docs:modal --silent", "build:pico": "npm-run-all css:compile:pico css:prefix:pico css:minify:pico --silent", - "css:compile:docs": "sass --style expanded --source-map --embed-sources --no-error-css docs/scss/:docs/css/", "css:compile:pico": "sass --style expanded --source-map --embed-sources --no-error-css scss/:css/", "css:minify:docs": "cleancss -O1 --with-rebase --source-map --source-map-inline-sources --batch --batch-suffix .min docs/css/*.css !docs/css/*.min.css", "css:minify:pico": "cleancss -O1 --with-rebase --source-map --source-map-inline-sources --batch --batch-suffix .min css/*.css css/*/*.css !css/*.min.css !css/*/*.min.css", "css:prefix:docs": "postcss --config css --replace docs/css/*.css !docs/css/*.min.css", "css:prefix:pico": "postcss --config css --replace css/*.css css/*/*.css !css/*.min.css", - "htmlincludes:docs": "html-includes --src docs/src --dest docs --minify minifyJS=true --quiet", - "js:babel:docs:commons": "babel docs/js/commons.min.js --out-dir docs/js/ --presets=@babel/preset-env --quiet", "js:babel:docs:customization": "babel docs/js/customization.min.js --out-dir docs/js/ --presets=@babel/preset-env --quiet", "js:babel:docs:grid": "babel docs/js/grid.js --out-file docs/js/grid.min.js --presets=@babel/preset-env --quiet", @@ -55,10 +51,8 @@ "js:minify:docs:customization": "uglifyjs docs/js/customization.min.js --compress --mangle --output docs/js/customization.min.js", "js:minify:docs:grid": "uglifyjs docs/js/grid.min.js --compress --mangle --output docs/js/grid.min.js", "js:minify:docs:modal": "uglifyjs docs/js/modal.min.js --compress --mangle --output docs/js/modal.min.js", - "scss:sorter:docs": "postcss --config scss ./docs/scss/**/*.scss --replace", "scss:sorter:pico": "postcss --config scss ./scss/**/*.scss --replace", - "prebuild:docs:html": "echo '[@picocss/pico] Create documentation pages'", "prebuild:docs:js": "echo '[@picocss/pico] Bundle and minify documentation .js files'", "precss:compile:docs": "echo '[@picocss/pico] Compile documentation .css file'", @@ -67,12 +61,10 @@ "precss:minify:pico": "echo '[@picocss/pico] Minify Pico .css files'", "prescss:sorter:docs": "echo '[@picocss/pico] Order documentation .scss properties'", "prescss:sorter:pico": "echo '[@picocss/pico] Order Pico .scss properties'", - "postbuild:docs:css": "echo '\\033[32m[@picocss/pico] Documentation .css build done\\033[0m'", "postbuild:docs:html": "echo '\\033[32m[@picocss/pico] Documentation pages done\\033[0m'", "postbuild:docs:js": "echo '\\033[32m[@picocss/pico] Documentation .js build done\\033[0m'", "postbuild:pico": "echo '\\033[32m[@picocss/pico] Pico library build done\\033[0m'", - "watch:docs:html": "nodemon --watch docs/src/ --ext html --exec 'npm run build:docs:html'", "watch:docs:js": "nodemon --watch docs/js/ --ext js --ignore *.min.js --exec 'npm run build:docs:js'", "watch:docs:scss": "nodemon --watch docs/scss/ --ext scss --exec 'npm run build:docs:css'", @@ -100,4 +92,4 @@ "last 2 major versions", "not dead" ] -} \ No newline at end of file +} From 4cc9d70d53222e8f79703a09fc0afe3e3460457c Mon Sep 17 00:00:00 2001 From: Jieiku <106644+Jieiku@users.noreply.github.com> Date: Wed, 5 Jan 2022 09:44:20 -0800 Subject: [PATCH 2/8] pico-flexgrid --- css/pico.classless.slim.flexgrid.css | 1490 ++++++++++++++++++ css/pico.classless.slim.flexgrid.css.map | 1 + css/pico.classless.slim.flexgrid.min.css | 8 + css/pico.classless.slim.flexgrid.min.css.map | 1 + scss/layout/_flexgrid.scss | 169 ++ scss/pico.classless.slim.flexgrid.scss | 66 + 6 files changed, 1735 insertions(+) create mode 100644 css/pico.classless.slim.flexgrid.css create mode 100644 css/pico.classless.slim.flexgrid.css.map create mode 100644 css/pico.classless.slim.flexgrid.min.css create mode 100644 css/pico.classless.slim.flexgrid.min.css.map create mode 100644 scss/layout/_flexgrid.scss create mode 100644 scss/pico.classless.slim.flexgrid.scss diff --git a/css/pico.classless.slim.flexgrid.css b/css/pico.classless.slim.flexgrid.css new file mode 100644 index 00000000..4a767bbe --- /dev/null +++ b/css/pico.classless.slim.flexgrid.css @@ -0,0 +1,1490 @@ +/*! + * Pico.css v1.4.3 (https://picocss.com) + * Copyright 2019-2021 - Licensed under MIT + * + * Slim version example + * You can export only the modules you need + */ +/** + * Theme: default + */ +:root { + --font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", + "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji"; + --line-height: 1.5; + --font-weight: 400; + --font-size: 16px; + --border-radius: 0.25rem; + --border-width: 1px; + --outline-width: 3px; + --spacing: 1rem; + --typography-spacing-vertical: 1.5rem; + --block-spacing-vertical: calc(var(--spacing) * 2); + --block-spacing-horizontal: var(--spacing); + --form-element-spacing-vertical: 0.75rem; + --form-element-spacing-horizontal: 1rem; + --form-label-font-weight: var(--font-weight); + --transition: 0.2s ease-in-out; +} +@media (min-width: 576px) { + :root { + --font-size: 17px; + } +} +@media (min-width: 768px) { + :root { + --font-size: 18px; + } +} +@media (min-width: 992px) { + :root { + --font-size: 19px; + } +} +@media (min-width: 1200px) { + :root { + --font-size: 20px; + } +} + +a { + --text-decoration: none; +} + +small { + --font-size: 0.875em; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + --font-weight: 700; +} + +h1 { + --font-size: 2rem; + --typography-spacing-vertical: 3rem; +} + +h2 { + --font-size: 1.75rem; + --typography-spacing-vertical: 2.625rem; +} + +h3 { + --font-size: 1.5rem; + --typography-spacing-vertical: 2.25rem; +} + +h4 { + --font-size: 1.25rem; + --typography-spacing-vertical: 1.874rem; +} + +h5 { + --font-size: 1.125rem; + --typography-spacing-vertical: 1.6875rem; +} + +[type=checkbox], +[type=radio] { + --border-width: 2px; +} + +[type=checkbox][role=switch] { + --border-width: 3px; +} + +thead th, +thead td, +tfoot th, +tfoot td { + --border-width: 3px; +} + +:not(thead):not(tfoot) > * > td { + --font-size: 0.875em; +} + +pre, +code, +kbd, +samp { + --font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", + "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +kbd { + --font-weight: bolder; +} + +[data-theme=light], +:root:not([data-theme=dark]) { + color-scheme: light; + --background-color: #fff; + --color: #415462; + --h1-color: #1b2832; + --h2-color: #24333e; + --h3-color: #2c3d49; + --h4-color: #374956; + --h5-color: #415462; + --h6-color: #4d606d; + --muted-color: #73828c; + --muted-border-color: #edf0f3; + --primary: #1095c1; + --primary-hover: #08769b; + --primary-focus: rgba(16, 149, 193, 0.125); + --primary-inverse: #fff; + --secondary: #596b78; + --secondary-hover: #415462; + --secondary-focus: rgba(89, 107, 120, 0.125); + --secondary-inverse: #fff; + --contrast: #1b2832; + --contrast-hover: #000; + --contrast-focus: rgba(89, 107, 120, 0.125); + --contrast-inverse: #fff; + --mark-background-color: #fff2ca; + --mark-color: #543a26; + --ins-color: #388e3c; + --del-color: #c62828; + --blockquote-border-color: var(--muted-border-color); + --blockquote-footer-color: var(--muted-color); + --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --form-element-background-color: transparent; + --form-element-border-color: #a2afb9; + --form-element-color: var(--color); + --form-element-placeholder-color: var(--muted-color); + --form-element-active-background-color: transparent; + --form-element-active-border-color: var(--primary); + --form-element-focus-color: var(--primary-focus); + --form-element-disabled-background-color: #d5dce2; + --form-element-disabled-border-color: #a2afb9; + --form-element-disabled-opacity: 0.5; + --form-element-invalid-border-color: #c62828; + --form-element-invalid-active-border-color: #d32f2f; + --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125); + --form-element-valid-border-color: #388e3c; + --form-element-valid-active-border-color: #43a047; + --form-element-valid-focus-color: rgba(67, 160, 71, 0.125); + --switch-background-color: #bbc6ce; + --switch-color: var(--primary-inverse); + --switch-checked-background-color: var(--primary); + --range-border-color: #d5dce2; + --range-active-border-color: #bbc6ce; + --range-thumb-border-color: var(--background-color); + --range-thumb-color: var(--secondary); + --range-thumb-hover-color: var(--secondary-hover); + --range-thumb-active-color: var(--primary); + --table-border-color: var(--muted-border-color); + --table-row-stripped-background-color: #f6f8f9; + --code-background-color: #edf0f3; + --code-color: var(--muted-color); + --code-kbd-background-color: var(--contrast); + --code-kbd-color: var(--contrast-inverse); + --code-tag-color: #b34d80; + --code-property-color: #3d888f; + --code-value-color: #998866; + --code-comment-color: #a2afb9; + --accordion-border-color: var(--muted-border-color); + --accordion-close-summary-color: var(--color); + --accordion-open-summary-color: var(--muted-color); + --card-background-color: var(--background-color); + --card-border-color: var(--muted-border-color); + --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04), + 0 0.125rem 2rem rgba(27, 40, 50, 0.08), + 0 0 0 0.0625rem rgba(27, 40, 50, 0.024); + --card-sectionning-background-color: #fbfbfc; + --modal-overlay-background-color: rgba(213, 220, 226, 0.8); + --progress-background-color: #d5dce2; + --progress-color: var(--primary); + --loading-spinner-opacity: 0.5; + --tooltip-background-color: var(--contrast); + --tooltip-color: var(--contrast-inverse); + --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); + --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); + --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); + --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); + --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); + --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); +} + +@media only screen and (prefers-color-scheme: dark) { + :root:not([data-theme=light]) { + color-scheme: dark; + --background-color: #11191f; + --color: #bbc6ce; + --h1-color: #edf0f3; + --h2-color: #e1e6eb; + --h3-color: #d5dce2; + --h4-color: #c8d1d8; + --h5-color: #bbc6ce; + --h6-color: #afbbc4; + --muted-color: #73828c; + --muted-border-color: #1f2d38; + --primary: #1095c1; + --primary-hover: #1ab3e6; + --primary-focus: rgba(16, 149, 193, 0.25); + --primary-inverse: #fff; + --secondary: #596b78; + --secondary-hover: #73828c; + --secondary-focus: rgba(115, 130, 140, 0.25); + --secondary-inverse: #fff; + --contrast: #edf0f3; + --contrast-hover: #fff; + --contrast-focus: rgba(115, 130, 140, 0.25); + --contrast-inverse: #000; + --mark-background-color: #d1c284; + --mark-color: #11191f; + --ins-color: #388e3c; + --del-color: #c62828; + --blockquote-border-color: var(--muted-border-color); + --blockquote-footer-color: var(--muted-color); + --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --form-element-background-color: #11191f; + --form-element-border-color: #374956; + --form-element-color: var(--color); + --form-element-placeholder-color: var(--muted-color); + --form-element-active-background-color: var(--form-element-background-color); + --form-element-active-border-color: var(--primary); + --form-element-focus-color: var(--primary-focus); + --form-element-disabled-background-color: #2c3d49; + --form-element-disabled-border-color: #415462; + --form-element-disabled-opacity: 0.5; + --form-element-invalid-border-color: #b71c1c; + --form-element-invalid-active-border-color: #c62828; + --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25); + --form-element-valid-border-color: #2e7d32; + --form-element-valid-active-border-color: #388e3c; + --form-element-valid-focus-color: rgba(56, 142, 60, 0.25); + --switch-background-color: #374956; + --switch-color: var(--primary-inverse); + --switch-checked-background-color: var(--primary); + --range-border-color: #24333e; + --range-active-border-color: #2c3d49; + --range-thumb-border-color: var(--background-color); + --range-thumb-color: var(--secondary); + --range-thumb-hover-color: var(--secondary-hover); + --range-thumb-active-color: var(--primary); + --table-border-color: var(--muted-border-color); + --table-row-stripped-background-color: rgba(115, 130, 140, 0.05); + --code-background-color: #18232c; + --code-color: var(--muted-color); + --code-kbd-background-color: var(--contrast); + --code-kbd-color: var(--contrast-inverse); + --code-tag-color: #a65980; + --code-property-color: #599fa6; + --code-value-color: #8c8473; + --code-comment-color: #4d606d; + --accordion-border-color: var(--muted-border-color); + --accordion-active-summary-color: var(--primary); + --accordion-close-summary-color: var(--color); + --accordion-open-summary-color: var(--muted-color); + --card-background-color: #141e26; + --card-border-color: #11191f; + --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06), + 0 0.125rem 2rem rgba(0, 0, 0, 0.12), + 0 0 0 0.0625rem rgba(0, 0, 0, 0.036); + --card-sectionning-background-color: #18232c; + --modal-overlay-background-color: rgba(36, 51, 62, 0.9); + --progress-background-color: #24333e; + --progress-color: var(--primary); + --loading-spinner-opacity: 0.5; + --tooltip-background-color: var(--contrast); + --tooltip-color: var(--contrast-inverse); + --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); + --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); + --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); + --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); + --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); + --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + } +} +[data-theme=dark] { + color-scheme: dark; + --background-color: #11191f; + --color: #bbc6ce; + --h1-color: #edf0f3; + --h2-color: #e1e6eb; + --h3-color: #d5dce2; + --h4-color: #c8d1d8; + --h5-color: #bbc6ce; + --h6-color: #afbbc4; + --muted-color: #73828c; + --muted-border-color: #1f2d38; + --primary: #1095c1; + --primary-hover: #1ab3e6; + --primary-focus: rgba(16, 149, 193, 0.25); + --primary-inverse: #fff; + --secondary: #596b78; + --secondary-hover: #73828c; + --secondary-focus: rgba(115, 130, 140, 0.25); + --secondary-inverse: #fff; + --contrast: #edf0f3; + --contrast-hover: #fff; + --contrast-focus: rgba(115, 130, 140, 0.25); + --contrast-inverse: #000; + --mark-background-color: #d1c284; + --mark-color: #11191f; + --ins-color: #388e3c; + --del-color: #c62828; + --blockquote-border-color: var(--muted-border-color); + --blockquote-footer-color: var(--muted-color); + --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --form-element-background-color: #11191f; + --form-element-border-color: #374956; + --form-element-color: var(--color); + --form-element-placeholder-color: var(--muted-color); + --form-element-active-background-color: var(--form-element-background-color); + --form-element-active-border-color: var(--primary); + --form-element-focus-color: var(--primary-focus); + --form-element-disabled-background-color: #2c3d49; + --form-element-disabled-border-color: #415462; + --form-element-disabled-opacity: 0.5; + --form-element-invalid-border-color: #b71c1c; + --form-element-invalid-active-border-color: #c62828; + --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25); + --form-element-valid-border-color: #2e7d32; + --form-element-valid-active-border-color: #388e3c; + --form-element-valid-focus-color: rgba(56, 142, 60, 0.25); + --switch-background-color: #374956; + --switch-color: var(--primary-inverse); + --switch-checked-background-color: var(--primary); + --range-border-color: #24333e; + --range-active-border-color: #2c3d49; + --range-thumb-border-color: var(--background-color); + --range-thumb-color: var(--secondary); + --range-thumb-hover-color: var(--secondary-hover); + --range-thumb-active-color: var(--primary); + --table-border-color: var(--muted-border-color); + --table-row-stripped-background-color: rgba(115, 130, 140, 0.05); + --code-background-color: #18232c; + --code-color: var(--muted-color); + --code-kbd-background-color: var(--contrast); + --code-kbd-color: var(--contrast-inverse); + --code-tag-color: #a65980; + --code-property-color: #599fa6; + --code-value-color: #8c8473; + --code-comment-color: #4d606d; + --accordion-border-color: var(--muted-border-color); + --accordion-active-summary-color: var(--primary); + --accordion-close-summary-color: var(--color); + --accordion-open-summary-color: var(--muted-color); + --card-background-color: #141e26; + --card-border-color: #11191f; + --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06), + 0 0.125rem 2rem rgba(0, 0, 0, 0.12), + 0 0 0 0.0625rem rgba(0, 0, 0, 0.036); + --card-sectionning-background-color: #18232c; + --modal-overlay-background-color: rgba(36, 51, 62, 0.9); + --progress-background-color: #24333e; + --progress-color: var(--primary); + --loading-spinner-opacity: 0.5; + --tooltip-background-color: var(--contrast); + --tooltip-color: var(--contrast-inverse); + --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); + --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); + --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); + --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); + --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); + --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); +} + +/** + * Document + * Content-box & Responsive typography + */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +::before, +::after { + text-decoration: inherit; + vertical-align: inherit; +} + +html { + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -ms-text-size-adjust: 100%; + text-rendering: optimizeLegibility; + background-color: var(--background-color); + color: var(--color); + font-weight: var(--font-weight); + font-size: var(--font-size); + line-height: var(--line-height); + font-family: var(--font-family); + cursor: default; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; +} + +/** + * Sectioning + * Container and responsive spacings for header, main, footer + */ +main { + display: block; +} + +body { + width: 100%; + margin: 0; +} +body > header, +body > main, +body > footer { + width: 100%; + margin-right: auto; + margin-left: auto; + padding: var(--block-spacing-vertical) var(--block-spacing-horizontal); +} +@media (min-width: 576px) { + body > header, +body > main, +body > footer { + max-width: 510px; + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + body > header, +body > main, +body > footer { + max-width: 700px; + } +} +@media (min-width: 992px) { + body > header, +body > main, +body > footer { + max-width: 920px; + } +} +@media (min-width: 1200px) { + body > header, +body > main, +body > footer { + max-width: 1130px; + } +} + +/** + * Section + * Responsive spacings for section + */ +section { + margin-bottom: var(--block-spacing-vertical); +} + +.container { + position: relative; + width: 100%; + max-width: 112rem; + margin: 0 auto; + padding: 0 2rem; +} + +.row { + display: flex; + flex-direction: column; + width: 100%; + padding: 0; +} +.row.row-no-padding { + padding: 0; +} +.row.row-no-padding > .column { + padding: 0; +} +.row.row-wrap { + flex-wrap: wrap; +} +.row.row-top { + align-items: flex-start; +} +.row.row-bottom { + align-items: flex-end; +} +.row.row-center { + align-items: center; +} +.row.row-stretch { + align-items: stretch; +} +.row.row-baseline { + align-items: baseline; +} +.row .column { + display: block; + flex: 1 1 auto; + width: 100%; + max-width: 100%; + margin-left: 0; +} +.row .column.column-offset-10 { + margin-left: 10%; +} +.row .column.column-offset-20 { + margin-left: 20%; +} +.row .column.column-offset-25 { + margin-left: 25%; +} +.row .column.column-offset-33, .row .column.column-offset-34 { + margin-left: 33.3333%; +} +.row .column.column-offset-40 { + margin-left: 40%; +} +.row .column.column-offset-50 { + margin-left: 50%; +} +.row .column.column-offset-60 { + margin-left: 60%; +} +.row .column.column-offset-66, .row .column.column-offset-67 { + margin-left: 66.6666%; +} +.row .column.column-offset-75 { + margin-left: 75%; +} +.row .column.column-offset-80 { + margin-left: 80%; +} +.row .column.column-offset-90 { + margin-left: 90%; +} +.row .column.column-10 { + flex: 0 0 10%; + max-width: 10%; +} +.row .column.column-20 { + flex: 0 0 20%; + max-width: 20%; +} +.row .column.column-25 { + flex: 0 0 25%; + max-width: 25%; +} +.row .column.column-33, .row .column.column-34 { + flex: 0 0 33.3333%; + max-width: 33.3333%; +} +.row .column.column-40 { + flex: 0 0 40%; + max-width: 40%; +} +.row .column.column-50 { + flex: 0 0 50%; + max-width: 50%; +} +.row .column.column-60 { + flex: 0 0 60%; + max-width: 60%; +} +.row .column.column-66, .row .column.column-67 { + flex: 0 0 66.6666%; + max-width: 66.6666%; +} +.row .column.column-75 { + flex: 0 0 75%; + max-width: 75%; +} +.row .column.column-80 { + flex: 0 0 80%; + max-width: 80%; +} +.row .column.column-90 { + flex: 0 0 90%; + max-width: 90%; +} +.row .column .column-top { + align-self: flex-start; +} +.row .column .column-bottom { + align-self: flex-end; +} +.row .column .column-center { + align-self: center; +} + +@media (min-width: 40rem) { + .row { + flex-direction: row; + width: calc(100% + 2rem); + margin-left: -1rem; + } + .row .column { + margin-bottom: inherit; + padding: 0 1rem; + } +} +/** + * Horizontal scroller (
) + */ +figure { + display: block; + margin: 0; + padding: 0; + overflow-x: auto; +} +figure figcaption { + padding: calc(var(--spacing) * 0.5) 0; + color: var(--muted-color); +} + +/** + * Typography + */ +b, +strong { + font-weight: bolder; +} + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +dl dl, +dl ol, +dl ul, +ol dl, +ul dl { + margin: 0; +} + +ol ol, +ol ul, +ul ol, +ul ul { + margin: 0; +} + +address, +blockquote, +dl, +figure, +form, +ol, +p, +pre, +table, +ul { + margin-top: 0; + margin-bottom: var(--typography-spacing-vertical); + color: var(--color); + font-style: normal; + font-weight: var(--font-weight); + font-size: var(--font-size); +} + +a { + --color: var(--primary); + --background-color: transparent; + outline: none; + background-color: var(--background-color); + color: var(--color); + -webkit-text-decoration: var(--text-decoration); + text-decoration: var(--text-decoration); +} +a:hover, a:active, a:focus { + --color: var(--primary-hover); + --text-decoration: underline; +} +a:focus { + --background-color: var(--primary-focus); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: var(--typography-spacing-vertical); + color: var(--color); + font-weight: var(--font-weight); + font-size: var(--font-size); + font-family: var(--font-family); +} + +h1 { + --color: var(--h1-color); +} + +h2 { + --color: var(--h2-color); +} + +h3 { + --color: var(--h3-color); +} + +h4 { + --color: var(--h4-color); +} + +h5 { + --color: var(--h5-color); +} + +h6 { + --color: var(--h6-color); +} + +address ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6, +blockquote ~ h1, +blockquote ~ h2, +blockquote ~ h3, +blockquote ~ h4, +blockquote ~ h5, +blockquote ~ h6, +dl ~ h1, +dl ~ h2, +dl ~ h3, +dl ~ h4, +dl ~ h5, +dl ~ h6, +figure ~ h1, +figure ~ h2, +figure ~ h3, +figure ~ h4, +figure ~ h5, +figure ~ h6, +form ~ h1, +form ~ h2, +form ~ h3, +form ~ h4, +form ~ h5, +form ~ h6, +ol ~ h1, +ol ~ h2, +ol ~ h3, +ol ~ h4, +ol ~ h5, +ol ~ h6, +p ~ h1, +p ~ h2, +p ~ h3, +p ~ h4, +p ~ h5, +p ~ h6, +pre ~ h1, +pre ~ h2, +pre ~ h3, +pre ~ h4, +pre ~ h5, +pre ~ h6, +table ~ h1, +table ~ h2, +table ~ h3, +table ~ h4, +table ~ h5, +table ~ h6, +ul ~ h1, +ul ~ h2, +ul ~ h3, +ul ~ h4, +ul ~ h5, +ul ~ h6 { + margin-top: var(--typography-spacing-vertical); +} + +hgroup { + margin-bottom: var(--typography-spacing-vertical); +} +hgroup > * { + margin-bottom: 0; +} +hgroup > *:last-child { + --color: var(--muted-color); + --font-weight: unset; + font-size: 1rem; + font-family: unset; +} + +p { + margin-bottom: var(--typography-spacing-vertical); +} + +small { + font-size: var(--font-size); +} + +ul, +ol { + padding-right: 0; + padding-left: var(--spacing); + -webkit-padding-start: var(--spacing); + padding-inline-start: var(--spacing); + -webkit-padding-end: 0; + padding-inline-end: 0; +} +ul li, +ol li { + margin-bottom: calc(var(--typography-spacing-vertical) * 0.25); +} + +ul li { + list-style: square; +} + +mark { + padding: 0.125rem 0.25rem; + background-color: var(--mark-background-color); + color: var(--mark-color); + vertical-align: baseline; +} + +blockquote { + display: block; + margin: var(--typography-spacing-vertical) 0; + padding: var(--spacing); + border-right: none; + border-left: 0.25rem solid var(--blockquote-border-color); + -webkit-border-start: 0.25rem solid var(--blockquote-border-color); + border-inline-start: 0.25rem solid var(--blockquote-border-color); + -webkit-border-end: none; + border-inline-end: none; +} +blockquote footer { + margin-top: calc(var(--typography-spacing-vertical) * 0.5); + color: var(--blockquote-footer-color); +} + +abbr[title] { + border-bottom: 1px dotted; + text-decoration: none; + cursor: help; +} + +ins { + color: var(--ins-color); + text-decoration: none; +} + +del { + color: var(--del-color); +} + +::-moz-selection { + background-color: var(--primary-focus); +} + +::selection { + background-color: var(--primary-focus); +} + +/** + * Embedded content + */ +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} + +audio, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +iframe { + border-style: none; +} + +img { + max-width: 100%; + height: auto; + border-style: none; +} + +svg:not([fill]) { + fill: currentColor; +} + +svg:not(:root) { + overflow: hidden; +} + +/** + * Button + */ +button { + margin: 0; + overflow: visible; + font-family: inherit; + text-transform: none; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +button { + display: block; + width: 100%; + margin-bottom: var(--spacing); +} + +a[role=button] { + display: inline-block; + text-decoration: none; +} + +button, +input[type=submit], +input[type=button], +input[type=reset], +a[role=button] { + --background-color: var(--primary); + --border-color: var(--primary); + --color: var(--primary-inverse); + --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); + padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); + border: var(--border-width) solid var(--border-color); + border-radius: var(--border-radius); + outline: none; + background-color: var(--background-color); + box-shadow: var(--box-shadow); + color: var(--color); + font-weight: var(--font-weight); + font-size: 1rem; + line-height: var(--line-height); + text-align: center; + cursor: pointer; +} +button:hover, button:active, button:focus, +input[type=submit]:hover, +input[type=submit]:active, +input[type=submit]:focus, +input[type=button]:hover, +input[type=button]:active, +input[type=button]:focus, +input[type=reset]:hover, +input[type=reset]:active, +input[type=reset]:focus, +a[role=button]:hover, +a[role=button]:active, +a[role=button]:focus { + --background-color: var(--primary-hover); + --border-color: var(--primary-hover); + --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); +} +button:focus, +input[type=submit]:focus, +input[type=button]:focus, +input[type=reset]:focus, +a[role=button]:focus { + --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), + 0 0 0 var(--outline-width) var(--primary-focus); +} + +input[type=reset] { + --background-color: var(--secondary); + --border-color: var(--secondary); + --color: var(--secondary-inverse); + cursor: pointer; +} +input[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus { + --background-color: var(--secondary-hover); + --border-color: var(--secondary-hover); +} +input[type=reset]:focus { + --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), + 0 0 0 var(--outline-width) var(--secondary-focus); +} + +button[disabled], +input[type=submit][disabled], +input[type=button][disabled], +input[type=reset][disabled], +a[role=button]:not([href]), +a[role=button][disabled] { + opacity: 0.5; + pointer-events: none; +} + +/** + * Table + */ +table { + width: 100%; + border-color: inherit; + border-collapse: collapse; + border-spacing: 0; + text-indent: 0; +} + +th, +td { + padding: calc(var(--spacing) / 2) var(--spacing); + border-bottom: var(--border-width) solid var(--table-border-color); + color: var(--color); + font-weight: var(--font-weight); + font-size: var(--font-size); + text-align: left; + text-align: start; +} + +tfoot th, +tfoot td { + border-top: var(--border-width) solid var(--table-border-color); + border-bottom: 0; +} + +table[role=grid] tbody tr:nth-child(odd) { + background-color: var(--table-row-stripped-background-color); +} + +/** + * Form elements + */ +input, +optgroup, +select, +textarea { + margin: 0; + font-size: 1rem; + line-height: var(--line-height); + font-family: inherit; + letter-spacing: inherit; +} + +input { + overflow: visible; +} + +select { + text-transform: none; +} + +legend { + max-width: 100%; + padding: 0; + color: inherit; + white-space: normal; +} + +textarea { + overflow: auto; +} + +[type=checkbox], +[type=radio] { + padding: 0; +} + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +::-moz-focus-inner { + padding: 0; + border-style: none; +} + +:-moz-focusring { + outline: none; +} + +:-moz-ui-invalid { + box-shadow: none; +} + +::-ms-expand { + display: none; +} + +[type=file], +[type=range] { + padding: 0; + border-width: 0; +} + +input:not([type=checkbox]):not([type=radio]):not([type=range]) { + height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2); +} + +fieldset { + margin: 0; + margin-bottom: var(--spacing); + padding: 0; + border: 0; +} + +label, +fieldset legend { + display: block; + margin-bottom: calc(var(--spacing) * 0.25); + font-weight: var(--form-label-font-weight, var(--font-weight)); +} + +input:not([type=checkbox]):not([type=radio]), +select, +textarea { + width: 100%; +} + +input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]), +select, +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); + vertical-align: middle; +} + +input, +select, +textarea { + --background-color: var(--form-element-background-color); + --border-color: var(--form-element-border-color); + --color: var(--form-element-color); + --box-shadow: none; + border: var(--border-width) solid var(--border-color); + border-radius: var(--border-radius); + outline: none; + background-color: var(--background-color); + box-shadow: var(--box-shadow); + color: var(--color); + font-weight: var(--font-weight); +} + +input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus, +select:active, +select:focus, +textarea:active, +textarea:focus { + --background-color: var(--form-element-active-background-color); +} + +input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus, +select:active, +select:focus, +textarea:active, +textarea:focus { + --border-color: var(--form-element-active-border-color); +} + +input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus, +select:focus, +textarea:focus { + --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color); +} + +input:not([type=submit]):not([type=button]):not([type=reset])[disabled], +select[disabled], +textarea[disabled] { + --background-color: var(--form-element-disabled-background-color); + --border-color: var(--form-element-disabled-border-color); + opacity: var(--form-element-disabled-opacity); +} + +input:not([type=checkbox]):not([type=radio])[aria-invalid], +select:not([type=checkbox]):not([type=radio])[aria-invalid], +textarea:not([type=checkbox]):not([type=radio])[aria-invalid] { + padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem); + padding-left: var(--form-element-spacing-horizontal); + -webkit-padding-start: var(--form-element-spacing-horizontal); + padding-inline-start: var(--form-element-spacing-horizontal); + -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem); + padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem); + background-position: center right 0.75rem; + background-size: 1rem auto; + background-repeat: no-repeat; +} +input:not([type=checkbox]):not([type=radio])[aria-invalid=false], +select:not([type=checkbox]):not([type=radio])[aria-invalid=false], +textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] { + background-image: var(--icon-valid); +} +input:not([type=checkbox]):not([type=radio])[aria-invalid=true], +select:not([type=checkbox]):not([type=radio])[aria-invalid=true], +textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] { + background-image: var(--icon-invalid); +} +input[aria-invalid=false], +select[aria-invalid=false], +textarea[aria-invalid=false] { + --border-color: var(--form-element-valid-border-color); +} +input[aria-invalid=false]:active, input[aria-invalid=false]:focus, +select[aria-invalid=false]:active, +select[aria-invalid=false]:focus, +textarea[aria-invalid=false]:active, +textarea[aria-invalid=false]:focus { + --border-color: var(--form-element-valid-active-border-color); + --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color); +} +input[aria-invalid=true], +select[aria-invalid=true], +textarea[aria-invalid=true] { + --border-color: var(--form-element-invalid-border-color); +} +input[aria-invalid=true]:active, input[aria-invalid=true]:focus, +select[aria-invalid=true]:active, +select[aria-invalid=true]:focus, +textarea[aria-invalid=true]:active, +textarea[aria-invalid=true]:focus { + --border-color: var(--form-element-invalid-active-border-color); + --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color); +} + +[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false], +[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid], +[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true], +[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false], +[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid], +[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true], +[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] { + background-position: center left 0.75rem; +} + +input::placeholder, +input::-webkit-input-placeholder, +textarea::placeholder, +textarea::-webkit-input-placeholder, +select:invalid { + color: var(--form-element-placeholder-color); + opacity: 1; +} + +input:not([type=checkbox]):not([type=radio]), +select, +textarea { + margin-bottom: var(--spacing); +} + +select::-ms-expand { + border: 0; + background-color: transparent; +} +select:not([multiple]):not([size]) { + padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem); + padding-left: var(--form-element-spacing-horizontal); + -webkit-padding-start: var(--form-element-spacing-horizontal); + padding-inline-start: var(--form-element-spacing-horizontal); + -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem); + padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem); + background-image: var(--icon-chevron); + background-position: center right 0.75rem; + background-size: 1rem auto; + background-repeat: no-repeat; +} + +[dir=rtl] select:not([multiple]):not([size]) { + background-position: center left 0.75rem; +} + +input + small, +select + small, +textarea + small { + display: block; + width: 100%; + margin-top: calc(var(--spacing) * -0.75); + margin-bottom: var(--spacing); + color: var(--muted-color); +} + +label > input, label > select, label > textarea { + margin-top: calc(var(--spacing) * 0.25); +} + +/** + * Accessibility & User interaction + */ +[aria-controls] { + cursor: pointer; +} + +[aria-disabled=true], +[disabled] { + cursor: not-allowed; +} + +[aria-hidden=false][hidden] { + display: initial; +} + +[aria-hidden=false][hidden]:not(:focus) { + clip: rect(0, 0, 0, 0); + position: absolute; +} + +a, +area, +button, +input, +label, +select, +summary, +textarea, +[tabindex] { + -ms-touch-action: manipulation; +} + +[dir=rtl] { + direction: rtl; +} + +/** + * Nav + */ +nav, +nav ul { + display: flex; +} + +nav { + justify-content: space-between; +} +nav ol, +nav ul { + align-items: center; + margin-bottom: 0; + padding: 0; + list-style: none; +} +nav ol:first-of-type, +nav ul:first-of-type { + margin-left: calc(var(--spacing) * -0.5); +} +nav ol:last-of-type, +nav ul:last-of-type { + margin-right: calc(var(--spacing) * -0.5); +} +nav li { + display: inline-block; + margin: 0; + padding: var(--spacing) calc(var(--spacing) * 0.5); +} +nav li > *, +nav li > input:not([type=checkbox]):not([type=radio]) { + margin-bottom: 0; +} +nav a { + display: block; + margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5); + padding: var(--spacing) calc(var(--spacing) * 0.5); + border-radius: var(--border-radius); + text-decoration: none; +} +nav a:hover, nav a:active, nav a:focus { + text-decoration: none; +} + +aside nav, +aside ol, +aside ul, +aside li { + display: block; +} +aside li { + padding: calc(var(--spacing) * 0.5); +} +aside li a { + margin: calc(var(--spacing) * -0.5); + padding: calc(var(--spacing) * 0.5); +} + +/** + * Card (
) + */ +article { + margin: var(--block-spacing-vertical) 0; + padding: var(--block-spacing-vertical) var(--block-spacing-horizontal); + overflow: hidden; + border-radius: var(--border-radius); + background: var(--card-background-color); + box-shadow: var(--card-box-shadow); +} +article > header, +article > footer { + margin-right: calc(var(--block-spacing-horizontal) * -1); + margin-left: calc(var(--block-spacing-horizontal) * -1); + padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal); + background-color: var(--card-sectionning-background-color); +} +article > header { + margin-top: calc(var(--block-spacing-vertical) * -1); + margin-bottom: var(--block-spacing-vertical); + border-bottom: var(--border-width) solid var(--card-border-color); +} +article > footer { + margin-top: var(--block-spacing-vertical); + margin-bottom: calc(var(--block-spacing-vertical) * -1); + border-top: var(--border-width) solid var(--card-border-color); +} + +/*# sourceMappingURL=pico.classless.slim.flexgrid.css.map */ \ No newline at end of file diff --git a/css/pico.classless.slim.flexgrid.css.map b/css/pico.classless.slim.flexgrid.css.map new file mode 100644 index 00000000..109d8954 --- /dev/null +++ b/css/pico.classless.slim.flexgrid.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../scss/pico.classless.slim.flexgrid.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.classless.slim.flexgrid.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_flexgrid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_table.scss","../scss/content/_form.scss","../scss/utilities/_accessibility.scss","../scss/components/_nav.scss","../scss/components/_card.scss"],"names":[],"mappings":"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","file":"pico.classless.slim.flexgrid.css","sourcesContent":["/*!\n * Pico.css v1.4.3 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n\n// Config\n// --------------------\n\n// Enable
,
,