diff --git a/.github/workflows/astro.yml b/.github/workflows/astro.yml new file mode 100644 index 0000000..ec9fffe --- /dev/null +++ b/.github/workflows/astro.yml @@ -0,0 +1,89 @@ +# Sample workflow for building and deploying an Astro site to GitHub Pages +# +# To get started with Astro see: https://docs.astro.build/en/getting-started/ +# +name: Deploy Astro site to Pages + +on: + # Runs on pushes targeting the default branch + push: + branches: ["master"] + + # Allows you to run this workflow manually from the Actions tab + workflow_dispatch: + +# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages +permissions: + contents: read + pages: write + id-token: write + +# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued. +# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete. +concurrency: + group: "pages" + cancel-in-progress: false + +env: + BUILD_PATH: "." # default value when not using subfolders + # INPUT_PATH: "./docs" + # BUILD_PATH: subfolder + +jobs: + build: + name: Build + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@v3 + - name: Detect package manager + id: detect-package-manager + run: | + if [ -f "${{ github.workspace }}/yarn.lock" ]; then + echo "manager=yarn" >> $GITHUB_OUTPUT + echo "command=install" >> $GITHUB_OUTPUT + echo "runner=yarn" >> $GITHUB_OUTPUT + exit 0 + elif [ -f "${{ github.workspace }}/package.json" ]; then + echo "manager=npm" >> $GITHUB_OUTPUT + echo "command=ci" >> $GITHUB_OUTPUT + echo "runner=npx --no-install" >> $GITHUB_OUTPUT + exit 0 + else + echo "Unable to determine package manager" + exit 1 + fi + - name: Setup Node + uses: actions/setup-node@v3 + with: + node-version: "18" + cache: ${{ steps.detect-package-manager.outputs.manager }} + cache-dependency-path: ${{ env.BUILD_PATH }}/package-lock.json + - name: Setup Pages + id: pages + uses: actions/configure-pages@v3 + - name: Install dependencies + run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }} + working-directory: ${{ env.BUILD_PATH }} + - name: Build with Astro + run: | + ${{ steps.detect-package-manager.outputs.runner }} astro build \ + --site "${{ steps.pages.outputs.origin }}" \ + --base "${{ steps.pages.outputs.base_path }}" + working-directory: ${{ env.BUILD_PATH }} + - name: Upload artifact + uses: actions/upload-pages-artifact@v1 + with: + path: ${{ env.BUILD_PATH }}/docs + + deploy: + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + needs: build + runs-on: ubuntu-latest + name: Deploy + steps: + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v2 diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml deleted file mode 100644 index 365d645..0000000 --- a/.github/workflows/release.yml +++ /dev/null @@ -1,33 +0,0 @@ -name: Release - -on: - push: - branches: [master, beta] - -jobs: - release: - name: Release - runs-on: ubuntu-latest - - steps: - - name: Checkout - uses: actions/checkout@v2 - - name: Setup Node.js - uses: actions/setup-node@v1 - with: - node-version: 18.x - - name: Install dependencies - run: npx ci - - name: Install semantic-release extra plugins - run: npm install --save-dev @semantic-release/changelog @semantic-release/git - - name: Lint - run: npm run lint-fix - - name: Test - run: npm run test:unit --if-present - - name: Build - run: npm run build - - name: Release - env: - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - NPM_TOKEN: ${{ secrets.NPM_TOKEN }} - run: npx semantic-release diff --git a/.gitignore b/.gitignore index 9366a1d..f85788f 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,9 @@ -node_modules/ .history/ -docs-local/ +.vscode/ +node_modules/ +dist/ +docs/ +docs-local/ .astro/ diff --git a/.husky/commit-msg b/.husky/commit-msg deleted file mode 100755 index fe4c17a..0000000 --- a/.husky/commit-msg +++ /dev/null @@ -1,4 +0,0 @@ -#!/bin/sh -. "$(dirname "$0")/_/husky.sh" - -npx --no-install commitlint --edit "" diff --git a/CHANGELOG.md b/CHANGELOG.md deleted file mode 100644 index 551ff4e..0000000 --- a/CHANGELOG.md +++ /dev/null @@ -1,92 +0,0 @@ -## [1.3.3](https://github.com/npup/css-to-go/compare/v1.3.2...v1.3.3) (2023-01-11) - - -### Bug Fixes - -* no longer ignore dist/ directory ([266c3f8](https://github.com/npup/css-to-go/commit/266c3f8ff27e6e281c3c40bf18a532702e080950)) - -## [1.3.2](https://github.com/npup/css-to-go/compare/v1.3.1...v1.3.2) (2023-01-11) - - -### Bug Fixes - -* don't bundle the example pages css ffs ([236a97d](https://github.com/npup/css-to-go/commit/236a97d384c3c4e116d35c43bdaaf581695054dc)) -* regenerate package-lock.json ([67b3d4e](https://github.com/npup/css-to-go/commit/67b3d4e5282f27b7dd3192fd4ea6349f0a253e0d)) -* try to remove dist files from repo ([1cf45cd](https://github.com/npup/css-to-go/commit/1cf45cdc3cebe00ce77f19b7056dba9a88b3fd47)) - -## [1.3.1](https://github.com/npup/css-to-go/compare/v1.3.0...v1.3.1) (2023-01-11) - - -### Bug Fixes - -* trying at least ([9adbd26](https://github.com/npup/css-to-go/commit/9adbd264fd2d3418ced161d24036feaae995df17)) -* update node version for release script ([a3eb0d4](https://github.com/npup/css-to-go/commit/a3eb0d4ecb92bbd663b01c880998c96bbe950510)) - -# [1.3.0](https://github.com/npup/css-to-go/compare/v1.2.0...v1.3.0) (2022-04-05) - - -### Features - -* input[type=password] is styled like input[type=text] ([dd62866](https://github.com/npup/css-to-go/commit/dd628661b25c98f6d9668147186126eaa6702626)) - -# [1.2.0](https://github.com/npup/css-to-go/compare/v1.1.1...v1.2.0) (2021-10-20) - - -### Features - -* **doc:** try to get over the versioning problem with release ([e2bbdcc](https://github.com/npup/css-to-go/commit/e2bbdcc0dd98ac1f86aecde863d370ef31626dfb)) - -## [1.1.1](https://github.com/npup/css-to-go/compare/v1.1.0...v1.1.1) (2021-10-20) - - -### Bug Fixes - -* **dependencies:** update dependencies that has been deemed vulnerable ([2aba420](https://github.com/npup/css-to-go/commit/2aba420adabb63a78382a5c1448daad23eeab068)) -* **doc:** update README ([13ce2ee](https://github.com/npup/css-to-go/commit/13ce2ee361b377701735b3dddfcee758cbfbe1e7)) -* **package.json:** commit package json on release ([66f28c2](https://github.com/npup/css-to-go/commit/66f28c2270ae8e74111670f11940c76b6b0c922d)) -* **package.json:** commit package json on release ([9fd00e2](https://github.com/npup/css-to-go/commit/9fd00e2b2e63083043041d394a70e90a5c1f3ce7)) -* **release:** stop trying to commit package.json on release ([82512bd](https://github.com/npup/css-to-go/commit/82512bdc13b6a536a05460438f463f98706be6ad)) - -## [1.1.1](https://github.com/npup/css-to-go/compare/v1.1.0...v1.1.1) (2021-10-20) - - -### Bug Fixes - -* **dependencies:** update dependencies that has been deemed vulnerable ([2aba420](https://github.com/npup/css-to-go/commit/2aba420adabb63a78382a5c1448daad23eeab068)) -* **package.json:** commit package json on release ([9fd00e2](https://github.com/npup/css-to-go/commit/9fd00e2b2e63083043041d394a70e90a5c1f3ce7)) - -# [1.1.0](https://github.com/npup/css-to-go/compare/v1.0.3...v1.1.0) (2021-10-18) - - -### Features - -* **form controls:** add style to range input, like the one for text input ([012452f](https://github.com/npup/css-to-go/commit/012452fd23f7c169c68122d735a5920acc62c27d)) - -## [1.0.3](https://github.com/npup/css-to-go/compare/v1.0.2...v1.0.3) (2021-09-05) - - -### Bug Fixes - -* **dependencies:** update version of dependency "astro" ([c586996](https://github.com/npup/css-to-go/commit/c586996bcc5e6e8faab2e45ce2b16833408cbaf7)) - -## [1.0.2](https://github.com/npup/css-to-go/compare/v1.0.1...v1.0.2) (2021-08-29) - - -### Bug Fixes - -* **readme:** there are "releases" now ([21279c1](https://github.com/npup/css-to-go/commit/21279c1b474ca386655ade188465fff0b48deab0)) - -## [1.0.1](https://github.com/npup/css-to-go/compare/v1.0.0...v1.0.1) (2021-08-29) - - -### Bug Fixes - -* **build:** body line length is just a warning ([398ee9e](https://github.com/npup/css-to-go/commit/398ee9ed3757baaaf3a42deb9910d942c31b24b2)) -* **typo:** i => it ([c608b55](https://github.com/npup/css-to-go/commit/c608b55a195814c2814f0171ede0a1fb87adb8c3)) - -# 1.0.0 (2021-08-29) - - -### Bug Fixes - -* **build/release:** try using semantic-release and github actions ([ecfc549](https://github.com/npup/css-to-go/commit/ecfc5491f3fc8abb9cbbddad7421bf1d7b093466)) diff --git a/README.md b/README.md index 5a074b0..15606c8 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,5 @@ # CSS-to-go - A bit of CSS that makes a plain HTML document somewhat more pleasant to look at. It makes a _gentle_ reset, and then applies some global styles for common elements. There are also a small number of utility classes made available. @@ -11,8 +10,8 @@ Learn more by looking at the [description overview](https://npup.github.io/css-t npm i css-to-go - ## Usage + ### Via cdn An easy way to use it, here getting the latest and greatest version: @@ -32,7 +31,6 @@ Import it for your bundler to handle import "css-to-go"; - or just link to it inside node_modules. `index.html` (excerpt): @@ -55,8 +53,9 @@ Then apply the "root selector" class `ctg-root` to trigger the styles (and possi ">
- -@@ -34,8 +32,6 @@
+ + + +
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Modi quae reprehenderit, sequi laborum ullam optio quas in consequuntur iste dolor dignissimos, reiciendis error possimus! In quisquam distinctio blanditiis perspiciatis molestiae? -
+
+ +Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro modi nulla dolores quod? Nesciunt facilis placeat, dignissimos numquam aperiam eum perferendis sed? Praesentium molestiae dolorum facilis @@ -99,11 +134,41 @@
+ + + +
Do you want to visit one of the world's most popular web pages? Just go ahead!
Here is another one, albeit a bit
less popular. There is currently no difference in appearance between external links
- and relative links, but that might change in the future.
+ and relative links, but that might change in the future.
Lorem ipsum text that goes on for a while.
Talking about the fascinating amet consectetur adipisicing elit. And
@@ -200,11 +331,41 @@
Then follows some other text, equally fascinating.
+ + + +
This is a sentence that mentions something and denotes it as code:10 PRINT "HELLO"; GOTO 10;
— hopefully because it is.
-
+
+ +Some words in this sentence really begged to be emphasized! -
In theory, there is no difference between practice and theory.
+ ## View examples npm start -Navigate to http://localhost:3003/ +Navigate to http://localhost:3000/ (or was it?) diff --git a/astro.config.mjs b/astro.config.mjs index 6113edc..a342b80 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -1,14 +1,26 @@ import { defineConfig } from "astro/config"; +import { config as npmConf } from "./package.json"; -const isProd = "production" === process.env.NODE_ENV; +const env = "local" === process.env.NODE_ENV ? "local" : "prod"; -const outDir = isProd ? "docs" : "docs-local"; - -console.info("Astro building", { isProd, outDir }); +const conf = { + local: { + outDir: npmConf.outDirLocal, + site: "http://localhost", + base: "/", + }, + prod: { + outDir: npmConf.outDirProd, + }, +}; -export default defineConfig({ - outDir, +const astroConf = defineConfig({ server: { - port: 3003, + port: 3000, }, + ...conf[env], }); + +console.log("Conf:", { env, npmConf, astroConf }); + +export default astroConf; diff --git a/commitlint.config.cjs b/commitlint.config.cjs deleted file mode 100644 index 6aa5670..0000000 --- a/commitlint.config.cjs +++ /dev/null @@ -1,6 +0,0 @@ -module.exports = { - extends: ["@commitlint/config-conventional"], - rules: { - "body-max-line-length": [1, "always", 100], - }, -}; diff --git a/dist/css-to-go.css b/dist/css-to-go.css index 5f3d76e..b67a4ba 100644 --- a/dist/css-to-go.css +++ b/dist/css-to-go.css @@ -20,6 +20,7 @@ --color-link--hover: var(--color-LIGHT_BLUE); --color-link--active: var(--color-LIGHT_BLUE); --color-headings: var(--color-LIGHT_BLUE); + --color-codepre-border: var(--color-DARK_BLUE); --color-table-head: var(--color-LIGHT_BLUE); --color-row--hover: var(--color-DARK_BLUE); --color-general--yes: var(--color-GREEN); @@ -137,6 +138,10 @@ .ctg-root code { color: var(--color-code); } +.ctg-root code > pre { + border: 2px solid var(--color-codepre-border); + border-radius: var(--border-radius); +} .ctg-root blockquote { font-style: italic; max-width: 30em; @@ -244,11 +249,13 @@ .ctg-root button[type="submit"]:hover { outline: -webkit-focus-ring-color auto 2px; } -.ctg-root label > input[type="text"]:focus-visible, -.ctg-root label > textarea:focus-visible, -.ctg-root label > input[type="checkbox"]:focus-visible, -.ctg-root label > input[type="radio"]:focus-visible, -.ctg-root label > select:focus-visible { +:is( + .ctg-root label > input[type="text"], + .ctg-root label > textarea, + .ctg-root label > input[type="checkbox"], + .ctg-root label > input[type="radio"], + .ctg-root label > select + ):focus-visible { outline-color: var(--outlinecolor-form-control--focus); } .ctg-form-controls--row label { @@ -292,10 +299,7 @@ background-color: var(--color-general--warn); color: var(--color-WHITE2); } -.ctg-root .ctg-note, -.ctg-root .ctg-note--error, -.ctg-root .ctg-note--warn, -.ctg-root .ctg-note--info { +.ctg-root .ctg-note { color: var(--color-note); border-left: 0.5rem solid var(--color-LIGHT_BLUE); padding: 0.2rem 0 0.2rem 0.5rem; @@ -303,12 +307,27 @@ border-radius: 0 var(--border-radius) var(--border-radius) 0; } .ctg-root .ctg-note--info { + color: var(--color-note); + border-left: 0.5rem solid var(--color-LIGHT_BLUE); + padding: 0.2rem 0 0.2rem 0.5rem; + background-color: var(--bgcolor-note); + border-radius: 0 var(--border-radius) var(--border-radius) 0; border-left-color: var(--color-LIGHT_GREEN); } .ctg-root .ctg-note--warn { + color: var(--color-note); + border-left: 0.5rem solid var(--color-LIGHT_BLUE); + padding: 0.2rem 0 0.2rem 0.5rem; + background-color: var(--bgcolor-note); + border-radius: 0 var(--border-radius) var(--border-radius) 0; border-left-color: var(--color-general--warn); } .ctg-root .ctg-note--error { + color: var(--color-note); + border-left: 0.5rem solid var(--color-LIGHT_BLUE); + padding: 0.2rem 0 0.2rem 0.5rem; + background-color: var(--bgcolor-note); + border-radius: 0 var(--border-radius) var(--border-radius) 0; border-left-color: var(--color-general--no); } .ctg-root { diff --git a/dist/css-to-go.min.css b/dist/css-to-go.min.css index 28172fc..50032e3 100644 --- a/dist/css-to-go.min.css +++ b/dist/css-to-go.min.css @@ -1 +1 @@ -.ctg-root{--color-GREEN: #171;--color-LIGHT_GREEN: #8f8;--color-RED: #c44;--color-ORANGE: #fa2;--color-BLUE: #16e;--color-LIGHT_BLUE: #5df;--color-WHITE: #fdfdfd;--color-WHITE2: #eeffff;--color-GRAY_LIGHT: #dee;--color-GRAY: #cdd;--color-GRAY2: #9aa;--color-BLACK: #222222;--color-DARK_BLUE: #046}.ctg-root{--color-background-main: var(--color-BLACK);--color-text-main: var(--color-WHITE2);--color-link: var(--color-WHITE);--color-link--hover: var(--color-LIGHT_BLUE);--color-link--active: var(--color-LIGHT_BLUE);--color-headings: var(--color-LIGHT_BLUE);--color-table-head: var(--color-LIGHT_BLUE);--color-row--hover: var(--color-DARK_BLUE);--color-general--yes: var(--color-GREEN);--color-general--no: var(--color-RED);--color-general--warn: var(--color-ORANGE);--color-list-marker: var(--color-LIGHT_BLUE);--color-em: var(--color-LIGHT_BLUE);--color-code: var(--color-ORANGE);--color-hr: var(--color-DARK_BLUE);--outlinecolor-form-control--focus: var(--color-BLUE);--bgcolor-blockquote: var(--color-DARK_BLUE);--bordercolor-blockquote: var(--color-GRAY_LIGHT);--color-note: var(--color-text-main);--bgcolor-note: var(--color-row--hover);--font-main: Lato, Avenir, Sans serif;--font-formatted-numerical: Courier, Monospace, Sans serif;--font-formatted-date: Courier, Monospace, Sans serif;--transition--color: color .125s ease-in;--transition--bgcolor: background-color .125s ease-in;--button-boxshadow-transition: box-shadow .125s ease-in;--transform--checkbox: scale(1.4);--transform--radio: scale(1.4);--border-radius: 4px;--line-height-copy: 1.5;--input-text-padding: .2rem;--textarea-padding: .3rem;--margin-list-item: 0 0 .2rem 1rem;--padding-list-item: .2rem .4rem .2rem .4rem;--margin-label: .5rem 0 .8rem;--padding-label: 0 0 .5rem;--margintop--input-text: .2rem;--margintop--textarea: .2rem;--marginright--checkbox: .3rem;--marginright--radio: .3rem;--margintop--select: .2rem;--padding--select: .2rem;--margin-button: .1rem .2rem;--padding-button: .4rem .8rem;--padding-container: .3rem 1rem;--button-boxshadow-shape: 0px 0px 2px 2px;--button-boxshadow--off: var(--button-boxshadow-shape) transparent;--button-boxshadow--on: var(--button-boxshadow-shape) var(--color-WHITE);--marginright-label--form-controls-row: 1rem;--padding-label--form-controls-row: 0 .5rem 0 0;--marginleft-label--form-controls-col: .5rem;--marginbottom-label--form-controls-col: 0;--paddingbottom-label--form-controls-col: 0;--paddingbottom--form-controls-col: 1rem;--margin--headings: .8rem 0;--max-width--copy: 50rem;--padding-right--copy: .5rem}.ctg-root.ctg-theme--light,.ctg-root .ctg-theme--light{--color-background-main: var(--color-WHITE2);--color-text-main: var(--color-BLACK);--color-link: var(--color-BLACK);--color-link--hover: var(--color-BLUE);--color-link--active: var(--color-BLUE);--color-em: var(--color-BLACK);--color-code: var(--color-DARK_BLUE);--outlinecolor-form-control--focus: var(--color-BLUE);--bgcolor-blockquote: var(--color-GRAY);--bordercolor-blockquote: var(--color-DARK_BLUE);--color-list-marker: var(--color-DARK_BLUE);--color-row--hover: var(--color-GRAY_LIGHT);--color-headings: var(--color-DARK_BLUE);--color-note: var(--color-text-main);--bgcolor-note: var(--color-row--hover);--button-boxshadow--on: var(--button-boxshadow-shape) var(--color-BLUE)}@media screen and (min-width: 481px){.ctg-root{--padding-container: .6rem 2rem}}@media screen and (min-width: 1025px){.ctg-root{--margin-container: 0 auto;--maxwidth-container: 1024px}}.ctg-root,.ctg-root *{box-sizing:border-box}.ctg-root{margin:0}.ctg-root h1,.ctg-root h2,.ctg-root h3,.ctg-root h4{margin:var(--margin--headings)}.ctg-root ul,.ctg-root ol{margin:.8em 0;padding:0 0 0 1rem}.ctg-root h1,.ctg-root h2,.ctg-root h3,.ctg-root h4{color:var(--color-headings)}.ctg-root p{line-height:var(--line-height-copy);max-width:var(--max-width--copy);padding-right:var(--padding-right--copy)}.ctg-root em{color:var(--color-em)}.ctg-root code{color:var(--color-code)}.ctg-root blockquote{font-style:italic;max-width:30em;border-left:4px solid var(--bordercolor-blockquote);padding:1rem;margin-left:1rem;background-color:var(--bgcolor-blockquote);border-radius:0 var(--border-radius) var(--border-radius) 0}.ctg-root blockquote p{margin:0}.ctg-root hr{margin:1.5rem 0;border:0;height:2px;width:100%;border-radius:var(--border-radius);background-color:var(--color-hr);box-shadow:0 0 1px var(--color-hr)}.ctg-root a,.ctg-root a:link,.ctg-root a:visited,.ctg-root a:hover,.ctg-root a:active{color:var(--color-link);transition:var(--transition--color);text-underline-position:under;text-decoration-color:var(--color-link--hover)}.ctg-root a:hover,.ctg-root a:focus{color:var(--color-link--hover)}.ctg-root li{margin:var(--margin-list-item);padding:var(--padding-list-item);border-radius:var(--border-radius);transition:var(--transition--bgcolor)}.ctg-root li:hover{background-color:var(--color-row--hover)}.ctg-root li::marker{color:var(--color-list-marker)}.ctg-root label{cursor:pointer;display:block;margin:var(--margin-label);padding:var(--padding-label)}.ctg-root label>input[type=text]{display:block;margin-top:var(--margintop--input-text);padding:var(--input-text-padding)}.ctg-root label>input[type=password]{display:block;margin-top:var(--margintop--input-text);padding:var(--input-text-padding)}.ctg-root label>input[type=range]{display:block;margin-top:var(--margintop--input-text);padding:var(--input-text-padding)}.ctg-root label>textarea{display:block;margin-top:var(--margintop--textarea);padding:var(--textarea-padding);border-radius:var(--border-radius)}.ctg-root label>input[type=checkbox]{margin-right:var(--marginright--checkbox);transform:var(--transform--checkbox)}.ctg-root label>input[type=radio]{margin-right:var(--marginright--radio);transform:var(--transform--radio)}.ctg-root label>select{display:block;margin-top:var(--margintop--select);padding:var(--padding--select);border-radius:var(--border-radius)}.ctg-root input[type=submit],.ctg-root button[type=button],.ctg-root button[type=submit]{border:0;margin:var(--margin-button);padding:var(--padding-button);background-color:var(--color-BLUE);color:var(--color-WHITE2);border-radius:var(--border-radius);cursor:pointer;box-shadow:var(--button-boxshadow--off);transition:var(--button-boxshadow-transition);outline-offset:2px}.ctg-root input[type=submit]:hover,.ctg-root button[type=button]:hover,.ctg-root button[type=submit]:hover{outline:-webkit-focus-ring-color auto 2px}.ctg-root label>input[type=text]:focus-visible,.ctg-root label>textarea:focus-visible,.ctg-root label>input[type=checkbox]:focus-visible,.ctg-root label>input[type=radio]:focus-visible,.ctg-root label>select:focus-visible{outline-color:var(--outlinecolor-form-control--focus)}.ctg-form-controls--row label{cursor:pointer;flex:0 1 auto;margin-right:var(--marginright-label--form-controls-row);padding:var(--padding-label--form-controls-row)}.ctg-form-controls--col label{margin-left:var(--marginleft-label--form-controls-col);margin-bottom:var(--marginbottom-label--form-controls-col);padding-bottom:var(--paddingbottom-label--form-controls-col)}.ctg-root.ctg-container,.ctg-root .ctg-container{padding:var(--padding-container);margin:var(--margin-container);max-width:var(--maxwidth-container)}.ctg-root .ctg-form-controls--row{display:flex}.ctg-root .ctg-form-controls--col{padding-bottom:var(--paddingbottom--form-controls-col)}.ctg-root .ctg-format--date{font-family:var(--font-formatted-date)}.ctg-root .ctg-format--numerical{font-family:var(--font-formatted-numerical)}.ctg-root .ctg-signal--yes.ctg-signal--yes{background-color:var(--color-general--yes);color:var(--color-WHITE2)}.ctg-root .ctg-signal--no.ctg-signal--no{background-color:var(--color-general--no);color:var(--color-WHITE2)}.ctg-root .ctg-signal--warn.ctg-signal--warn{background-color:var(--color-general--warn);color:var(--color-WHITE2)}.ctg-root .ctg-note,.ctg-root .ctg-note--error,.ctg-root .ctg-note--warn,.ctg-root .ctg-note--info{color:var(--color-note);border-left:.5rem solid var(--color-LIGHT_BLUE);padding:.2rem 0 .2rem .5rem;background-color:var(--bgcolor-note);border-radius:0 var(--border-radius) var(--border-radius) 0}.ctg-root .ctg-note--info{border-left-color:var(--color-LIGHT_GREEN)}.ctg-root .ctg-note--warn{border-left-color:var(--color-general--warn)}.ctg-root .ctg-note--error{border-left-color:var(--color-general--no)}.ctg-root{font-family:var(--font-main);background-color:var(--color-background-main);color:var(--color-text-main)} +.ctg-root{--color-GREEN: #171;--color-LIGHT_GREEN: #8f8;--color-RED: #c44;--color-ORANGE: #fa2;--color-BLUE: #16e;--color-LIGHT_BLUE: #5df;--color-WHITE: #fdfdfd;--color-WHITE2: #eeffff;--color-GRAY_LIGHT: #dee;--color-GRAY: #cdd;--color-GRAY2: #9aa;--color-BLACK: #222222;--color-DARK_BLUE: #046}.ctg-root{--color-background-main: var(--color-BLACK);--color-text-main: var(--color-WHITE2);--color-link: var(--color-WHITE);--color-link--hover: var(--color-LIGHT_BLUE);--color-link--active: var(--color-LIGHT_BLUE);--color-headings: var(--color-LIGHT_BLUE);--color-codepre-border: var(--color-DARK_BLUE);--color-table-head: var(--color-LIGHT_BLUE);--color-row--hover: var(--color-DARK_BLUE);--color-general--yes: var(--color-GREEN);--color-general--no: var(--color-RED);--color-general--warn: var(--color-ORANGE);--color-list-marker: var(--color-LIGHT_BLUE);--color-em: var(--color-LIGHT_BLUE);--color-code: var(--color-ORANGE);--color-hr: var(--color-DARK_BLUE);--outlinecolor-form-control--focus: var(--color-BLUE);--bgcolor-blockquote: var(--color-DARK_BLUE);--bordercolor-blockquote: var(--color-GRAY_LIGHT);--color-note: var(--color-text-main);--bgcolor-note: var(--color-row--hover);--font-main: Lato, Avenir, Sans serif;--font-formatted-numerical: Courier, Monospace, Sans serif;--font-formatted-date: Courier, Monospace, Sans serif;--transition--color: color .125s ease-in;--transition--bgcolor: background-color .125s ease-in;--button-boxshadow-transition: box-shadow .125s ease-in;--transform--checkbox: scale(1.4);--transform--radio: scale(1.4);--border-radius: 4px;--line-height-copy: 1.5;--input-text-padding: .2rem;--textarea-padding: .3rem;--margin-list-item: 0 0 .2rem 1rem;--padding-list-item: .2rem .4rem .2rem .4rem;--margin-label: .5rem 0 .8rem;--padding-label: 0 0 .5rem;--margintop--input-text: .2rem;--margintop--textarea: .2rem;--marginright--checkbox: .3rem;--marginright--radio: .3rem;--margintop--select: .2rem;--padding--select: .2rem;--margin-button: .1rem .2rem;--padding-button: .4rem .8rem;--padding-container: .3rem 1rem;--button-boxshadow-shape: 0px 0px 2px 2px;--button-boxshadow--off: var(--button-boxshadow-shape) transparent;--button-boxshadow--on: var(--button-boxshadow-shape) var(--color-WHITE);--marginright-label--form-controls-row: 1rem;--padding-label--form-controls-row: 0 .5rem 0 0;--marginleft-label--form-controls-col: .5rem;--marginbottom-label--form-controls-col: 0;--paddingbottom-label--form-controls-col: 0;--paddingbottom--form-controls-col: 1rem;--margin--headings: .8rem 0;--max-width--copy: 50rem;--padding-right--copy: .5rem}.ctg-root.ctg-theme--light,.ctg-root .ctg-theme--light{--color-background-main: var(--color-WHITE2);--color-text-main: var(--color-BLACK);--color-link: var(--color-BLACK);--color-link--hover: var(--color-BLUE);--color-link--active: var(--color-BLUE);--color-em: var(--color-BLACK);--color-code: var(--color-DARK_BLUE);--outlinecolor-form-control--focus: var(--color-BLUE);--bgcolor-blockquote: var(--color-GRAY);--bordercolor-blockquote: var(--color-DARK_BLUE);--color-list-marker: var(--color-DARK_BLUE);--color-row--hover: var(--color-GRAY_LIGHT);--color-headings: var(--color-DARK_BLUE);--color-note: var(--color-text-main);--bgcolor-note: var(--color-row--hover);--button-boxshadow--on: var(--button-boxshadow-shape) var(--color-BLUE)}@media screen and (min-width: 481px){.ctg-root{--padding-container: .6rem 2rem}}@media screen and (min-width: 1025px){.ctg-root{--margin-container: 0 auto;--maxwidth-container: 1024px}}.ctg-root,.ctg-root *{box-sizing:border-box}.ctg-root{margin:0}.ctg-root h1,.ctg-root h2,.ctg-root h3,.ctg-root h4{margin:var(--margin--headings)}.ctg-root ul,.ctg-root ol{margin:.8em 0;padding:0 0 0 1rem}.ctg-root h1,.ctg-root h2,.ctg-root h3,.ctg-root h4{color:var(--color-headings)}.ctg-root p{line-height:var(--line-height-copy);max-width:var(--max-width--copy);padding-right:var(--padding-right--copy)}.ctg-root em{color:var(--color-em)}.ctg-root code{color:var(--color-code)}.ctg-root code>pre{border:2px solid var(--color-codepre-border);border-radius:var(--border-radius)}.ctg-root blockquote{font-style:italic;max-width:30em;border-left:4px solid var(--bordercolor-blockquote);padding:1rem;margin-left:1rem;background-color:var(--bgcolor-blockquote);border-radius:0 var(--border-radius) var(--border-radius) 0}.ctg-root blockquote p{margin:0}.ctg-root hr{margin:1.5rem 0;border:0;height:2px;width:100%;border-radius:var(--border-radius);background-color:var(--color-hr);box-shadow:0 0 1px var(--color-hr)}.ctg-root a,.ctg-root a:link,.ctg-root a:visited,.ctg-root a:hover,.ctg-root a:active{color:var(--color-link);transition:var(--transition--color);text-underline-position:under;text-decoration-color:var(--color-link--hover)}.ctg-root a:hover,.ctg-root a:focus{color:var(--color-link--hover)}.ctg-root li{margin:var(--margin-list-item);padding:var(--padding-list-item);border-radius:var(--border-radius);transition:var(--transition--bgcolor)}.ctg-root li:hover{background-color:var(--color-row--hover)}.ctg-root li::marker{color:var(--color-list-marker)}.ctg-root label{cursor:pointer;display:block;margin:var(--margin-label);padding:var(--padding-label)}.ctg-root label>input[type=text]{display:block;margin-top:var(--margintop--input-text);padding:var(--input-text-padding)}.ctg-root label>input[type=password]{display:block;margin-top:var(--margintop--input-text);padding:var(--input-text-padding)}.ctg-root label>input[type=range]{display:block;margin-top:var(--margintop--input-text);padding:var(--input-text-padding)}.ctg-root label>textarea{display:block;margin-top:var(--margintop--textarea);padding:var(--textarea-padding);border-radius:var(--border-radius)}.ctg-root label>input[type=checkbox]{margin-right:var(--marginright--checkbox);transform:var(--transform--checkbox)}.ctg-root label>input[type=radio]{margin-right:var(--marginright--radio);transform:var(--transform--radio)}.ctg-root label>select{display:block;margin-top:var(--margintop--select);padding:var(--padding--select);border-radius:var(--border-radius)}.ctg-root input[type=submit],.ctg-root button[type=button],.ctg-root button[type=submit]{border:0;margin:var(--margin-button);padding:var(--padding-button);background-color:var(--color-BLUE);color:var(--color-WHITE2);border-radius:var(--border-radius);cursor:pointer;box-shadow:var(--button-boxshadow--off);transition:var(--button-boxshadow-transition);outline-offset:2px}.ctg-root input[type=submit]:hover,.ctg-root button[type=button]:hover,.ctg-root button[type=submit]:hover{outline:-webkit-focus-ring-color auto 2px}:is(.ctg-root label > input[type="text"],.ctg-root label > textarea,.ctg-root label > input[type="checkbox"],.ctg-root label > input[type="radio"],.ctg-root label > select):focus-visible{outline-color:var(--outlinecolor-form-control--focus)}.ctg-form-controls--row label{cursor:pointer;flex:0 1 auto;margin-right:var(--marginright-label--form-controls-row);padding:var(--padding-label--form-controls-row)}.ctg-form-controls--col label{margin-left:var(--marginleft-label--form-controls-col);margin-bottom:var(--marginbottom-label--form-controls-col);padding-bottom:var(--paddingbottom-label--form-controls-col)}.ctg-root.ctg-container,.ctg-root .ctg-container{padding:var(--padding-container);margin:var(--margin-container);max-width:var(--maxwidth-container)}.ctg-root .ctg-form-controls--row{display:flex}.ctg-root .ctg-form-controls--col{padding-bottom:var(--paddingbottom--form-controls-col)}.ctg-root .ctg-format--date{font-family:var(--font-formatted-date)}.ctg-root .ctg-format--numerical{font-family:var(--font-formatted-numerical)}.ctg-root .ctg-signal--yes.ctg-signal--yes{background-color:var(--color-general--yes);color:var(--color-WHITE2)}.ctg-root .ctg-signal--no.ctg-signal--no{background-color:var(--color-general--no);color:var(--color-WHITE2)}.ctg-root .ctg-signal--warn.ctg-signal--warn{background-color:var(--color-general--warn);color:var(--color-WHITE2)}.ctg-root .ctg-note{color:var(--color-note);border-left:.5rem solid var(--color-LIGHT_BLUE);padding:.2rem 0 .2rem .5rem;background-color:var(--bgcolor-note);border-radius:0 var(--border-radius) var(--border-radius) 0}.ctg-root .ctg-note--info{color:var(--color-note);border-left:.5rem solid var(--color-LIGHT_BLUE);padding:.2rem 0 .2rem .5rem;background-color:var(--bgcolor-note);border-radius:0 var(--border-radius) var(--border-radius) 0;border-left-color:var(--color-LIGHT_GREEN)}.ctg-root .ctg-note--warn{color:var(--color-note);border-left:.5rem solid var(--color-LIGHT_BLUE);padding:.2rem 0 .2rem .5rem;background-color:var(--bgcolor-note);border-radius:0 var(--border-radius) var(--border-radius) 0;border-left-color:var(--color-general--warn)}.ctg-root .ctg-note--error{color:var(--color-note);border-left:.5rem solid var(--color-LIGHT_BLUE);padding:.2rem 0 .2rem .5rem;background-color:var(--bgcolor-note);border-radius:0 var(--border-radius) var(--border-radius) 0;border-left-color:var(--color-general--no)}.ctg-root{font-family:var(--font-main);background-color:var(--color-background-main);color:var(--color-text-main)} diff --git a/docs/assets/index.3e4e6c40.css b/docs/assets/index.3e4e6c40.css deleted file mode 100644 index 28172fc..0000000 --- a/docs/assets/index.3e4e6c40.css +++ /dev/null @@ -1 +0,0 @@ -.ctg-root{--color-GREEN: #171;--color-LIGHT_GREEN: #8f8;--color-RED: #c44;--color-ORANGE: #fa2;--color-BLUE: #16e;--color-LIGHT_BLUE: #5df;--color-WHITE: #fdfdfd;--color-WHITE2: #eeffff;--color-GRAY_LIGHT: #dee;--color-GRAY: #cdd;--color-GRAY2: #9aa;--color-BLACK: #222222;--color-DARK_BLUE: #046}.ctg-root{--color-background-main: var(--color-BLACK);--color-text-main: var(--color-WHITE2);--color-link: var(--color-WHITE);--color-link--hover: var(--color-LIGHT_BLUE);--color-link--active: var(--color-LIGHT_BLUE);--color-headings: var(--color-LIGHT_BLUE);--color-table-head: var(--color-LIGHT_BLUE);--color-row--hover: var(--color-DARK_BLUE);--color-general--yes: var(--color-GREEN);--color-general--no: var(--color-RED);--color-general--warn: var(--color-ORANGE);--color-list-marker: var(--color-LIGHT_BLUE);--color-em: var(--color-LIGHT_BLUE);--color-code: var(--color-ORANGE);--color-hr: var(--color-DARK_BLUE);--outlinecolor-form-control--focus: var(--color-BLUE);--bgcolor-blockquote: var(--color-DARK_BLUE);--bordercolor-blockquote: var(--color-GRAY_LIGHT);--color-note: var(--color-text-main);--bgcolor-note: var(--color-row--hover);--font-main: Lato, Avenir, Sans serif;--font-formatted-numerical: Courier, Monospace, Sans serif;--font-formatted-date: Courier, Monospace, Sans serif;--transition--color: color .125s ease-in;--transition--bgcolor: background-color .125s ease-in;--button-boxshadow-transition: box-shadow .125s ease-in;--transform--checkbox: scale(1.4);--transform--radio: scale(1.4);--border-radius: 4px;--line-height-copy: 1.5;--input-text-padding: .2rem;--textarea-padding: .3rem;--margin-list-item: 0 0 .2rem 1rem;--padding-list-item: .2rem .4rem .2rem .4rem;--margin-label: .5rem 0 .8rem;--padding-label: 0 0 .5rem;--margintop--input-text: .2rem;--margintop--textarea: .2rem;--marginright--checkbox: .3rem;--marginright--radio: .3rem;--margintop--select: .2rem;--padding--select: .2rem;--margin-button: .1rem .2rem;--padding-button: .4rem .8rem;--padding-container: .3rem 1rem;--button-boxshadow-shape: 0px 0px 2px 2px;--button-boxshadow--off: var(--button-boxshadow-shape) transparent;--button-boxshadow--on: var(--button-boxshadow-shape) var(--color-WHITE);--marginright-label--form-controls-row: 1rem;--padding-label--form-controls-row: 0 .5rem 0 0;--marginleft-label--form-controls-col: .5rem;--marginbottom-label--form-controls-col: 0;--paddingbottom-label--form-controls-col: 0;--paddingbottom--form-controls-col: 1rem;--margin--headings: .8rem 0;--max-width--copy: 50rem;--padding-right--copy: .5rem}.ctg-root.ctg-theme--light,.ctg-root .ctg-theme--light{--color-background-main: var(--color-WHITE2);--color-text-main: var(--color-BLACK);--color-link: var(--color-BLACK);--color-link--hover: var(--color-BLUE);--color-link--active: var(--color-BLUE);--color-em: var(--color-BLACK);--color-code: var(--color-DARK_BLUE);--outlinecolor-form-control--focus: var(--color-BLUE);--bgcolor-blockquote: var(--color-GRAY);--bordercolor-blockquote: var(--color-DARK_BLUE);--color-list-marker: var(--color-DARK_BLUE);--color-row--hover: var(--color-GRAY_LIGHT);--color-headings: var(--color-DARK_BLUE);--color-note: var(--color-text-main);--bgcolor-note: var(--color-row--hover);--button-boxshadow--on: var(--button-boxshadow-shape) var(--color-BLUE)}@media screen and (min-width: 481px){.ctg-root{--padding-container: .6rem 2rem}}@media screen and (min-width: 1025px){.ctg-root{--margin-container: 0 auto;--maxwidth-container: 1024px}}.ctg-root,.ctg-root *{box-sizing:border-box}.ctg-root{margin:0}.ctg-root h1,.ctg-root h2,.ctg-root h3,.ctg-root h4{margin:var(--margin--headings)}.ctg-root ul,.ctg-root ol{margin:.8em 0;padding:0 0 0 1rem}.ctg-root h1,.ctg-root h2,.ctg-root h3,.ctg-root h4{color:var(--color-headings)}.ctg-root p{line-height:var(--line-height-copy);max-width:var(--max-width--copy);padding-right:var(--padding-right--copy)}.ctg-root em{color:var(--color-em)}.ctg-root code{color:var(--color-code)}.ctg-root blockquote{font-style:italic;max-width:30em;border-left:4px solid var(--bordercolor-blockquote);padding:1rem;margin-left:1rem;background-color:var(--bgcolor-blockquote);border-radius:0 var(--border-radius) var(--border-radius) 0}.ctg-root blockquote p{margin:0}.ctg-root hr{margin:1.5rem 0;border:0;height:2px;width:100%;border-radius:var(--border-radius);background-color:var(--color-hr);box-shadow:0 0 1px var(--color-hr)}.ctg-root a,.ctg-root a:link,.ctg-root a:visited,.ctg-root a:hover,.ctg-root a:active{color:var(--color-link);transition:var(--transition--color);text-underline-position:under;text-decoration-color:var(--color-link--hover)}.ctg-root a:hover,.ctg-root a:focus{color:var(--color-link--hover)}.ctg-root li{margin:var(--margin-list-item);padding:var(--padding-list-item);border-radius:var(--border-radius);transition:var(--transition--bgcolor)}.ctg-root li:hover{background-color:var(--color-row--hover)}.ctg-root li::marker{color:var(--color-list-marker)}.ctg-root label{cursor:pointer;display:block;margin:var(--margin-label);padding:var(--padding-label)}.ctg-root label>input[type=text]{display:block;margin-top:var(--margintop--input-text);padding:var(--input-text-padding)}.ctg-root label>input[type=password]{display:block;margin-top:var(--margintop--input-text);padding:var(--input-text-padding)}.ctg-root label>input[type=range]{display:block;margin-top:var(--margintop--input-text);padding:var(--input-text-padding)}.ctg-root label>textarea{display:block;margin-top:var(--margintop--textarea);padding:var(--textarea-padding);border-radius:var(--border-radius)}.ctg-root label>input[type=checkbox]{margin-right:var(--marginright--checkbox);transform:var(--transform--checkbox)}.ctg-root label>input[type=radio]{margin-right:var(--marginright--radio);transform:var(--transform--radio)}.ctg-root label>select{display:block;margin-top:var(--margintop--select);padding:var(--padding--select);border-radius:var(--border-radius)}.ctg-root input[type=submit],.ctg-root button[type=button],.ctg-root button[type=submit]{border:0;margin:var(--margin-button);padding:var(--padding-button);background-color:var(--color-BLUE);color:var(--color-WHITE2);border-radius:var(--border-radius);cursor:pointer;box-shadow:var(--button-boxshadow--off);transition:var(--button-boxshadow-transition);outline-offset:2px}.ctg-root input[type=submit]:hover,.ctg-root button[type=button]:hover,.ctg-root button[type=submit]:hover{outline:-webkit-focus-ring-color auto 2px}.ctg-root label>input[type=text]:focus-visible,.ctg-root label>textarea:focus-visible,.ctg-root label>input[type=checkbox]:focus-visible,.ctg-root label>input[type=radio]:focus-visible,.ctg-root label>select:focus-visible{outline-color:var(--outlinecolor-form-control--focus)}.ctg-form-controls--row label{cursor:pointer;flex:0 1 auto;margin-right:var(--marginright-label--form-controls-row);padding:var(--padding-label--form-controls-row)}.ctg-form-controls--col label{margin-left:var(--marginleft-label--form-controls-col);margin-bottom:var(--marginbottom-label--form-controls-col);padding-bottom:var(--paddingbottom-label--form-controls-col)}.ctg-root.ctg-container,.ctg-root .ctg-container{padding:var(--padding-container);margin:var(--margin-container);max-width:var(--maxwidth-container)}.ctg-root .ctg-form-controls--row{display:flex}.ctg-root .ctg-form-controls--col{padding-bottom:var(--paddingbottom--form-controls-col)}.ctg-root .ctg-format--date{font-family:var(--font-formatted-date)}.ctg-root .ctg-format--numerical{font-family:var(--font-formatted-numerical)}.ctg-root .ctg-signal--yes.ctg-signal--yes{background-color:var(--color-general--yes);color:var(--color-WHITE2)}.ctg-root .ctg-signal--no.ctg-signal--no{background-color:var(--color-general--no);color:var(--color-WHITE2)}.ctg-root .ctg-signal--warn.ctg-signal--warn{background-color:var(--color-general--warn);color:var(--color-WHITE2)}.ctg-root .ctg-note,.ctg-root .ctg-note--error,.ctg-root .ctg-note--warn,.ctg-root .ctg-note--info{color:var(--color-note);border-left:.5rem solid var(--color-LIGHT_BLUE);padding:.2rem 0 .2rem .5rem;background-color:var(--bgcolor-note);border-radius:0 var(--border-radius) var(--border-radius) 0}.ctg-root .ctg-note--info{border-left-color:var(--color-LIGHT_GREEN)}.ctg-root .ctg-note--warn{border-left-color:var(--color-general--warn)}.ctg-root .ctg-note--error{border-left-color:var(--color-general--no)}.ctg-root{font-family:var(--font-main);background-color:var(--color-background-main);color:var(--color-text-main)} diff --git a/docs/examples/index.html b/docs/examples/index.html index fd63d11..8cf3b75 100644 --- a/docs/examples/index.html +++ b/docs/examples/index.html @@ -1,20 +1,18 @@ -
- - - -
- -