brut 0.0.20 → 0.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.gitignore +24 -3
- data/.nvim.lua +1 -0
- data/Dockerfile.dx +12 -3
- data/Gemfile.lock +9 -7
- data/README.md +0 -7
- data/Rakefile +6 -4
- data/bin/dev +20 -0
- data/bin/docs +27 -0
- data/bin/setup +47 -1
- data/brut-css/.nvim.lua +1 -0
- data/brut-css/README.md +28 -0
- data/brut-css/bin/build +31 -0
- data/brut-css/bin/dev +1 -0
- data/brut-css/bin/docs +15 -0
- data/brut-css/bin/setup +5 -0
- data/brut-css/config/media-queries-all.css +15 -0
- data/brut-css/config/media-queries-minimal.css +5 -0
- data/brut-css/config/postcss.config.cjs +7 -0
- data/brut-css/config/pseudo-classes-all.css +9 -0
- data/brut-css/dx +1 -0
- data/brut-css/package-lock.json +3217 -0
- data/brut-css/package.json +36 -0
- data/brut-css/src/css/appearance.css +145 -0
- data/brut-css/src/css/border.css +522 -0
- data/brut-css/src/css/colors.css +3502 -0
- data/brut-css/src/css/dimensions.css +548 -0
- data/brut-css/src/css/flex.css +179 -0
- data/brut-css/src/css/index.css +13 -0
- data/brut-css/src/css/layout.css +120 -0
- data/brut-css/src/css/list.css +41 -0
- data/brut-css/src/css/positioning.css +354 -0
- data/brut-css/src/css/properties/colors.css +455 -0
- data/brut-css/src/css/properties/index.css +3 -0
- data/brut-css/src/css/properties/spacing.css +140 -0
- data/brut-css/src/css/properties/typography.css +224 -0
- data/brut-css/src/css/reset.css +107 -0
- data/brut-css/src/css/spacing.css +585 -0
- data/brut-css/src/css/typography.css +519 -0
- data/brut-css/src/css/utils.css +104 -0
- data/brut-css/src/docs/1_getting-started/1_overview.md +46 -0
- data/brut-css/src/docs/1_getting-started/2_installation.md +25 -0
- data/brut-css/src/docs/1_getting-started/3_core-concepts.md +75 -0
- data/brut-css/src/docs/1_getting-started/4_simple-example.md +132 -0
- data/brut-css/src/docs/1_getting-started/page.html.ejs +10 -0
- data/brut-css/src/docs/2_properties/page.html.ejs +71 -0
- data/brut-css/src/docs/3_classes/color-demo.html.ejs +31 -0
- data/brut-css/src/docs/3_classes/page.html.ejs +87 -0
- data/brut-css/src/docs/4_customization/1_design-system.md +36 -0
- data/brut-css/src/docs/4_customization/2_breakpoints.md +75 -0
- data/brut-css/src/docs/4_customization/3_pseudo-classes.md +74 -0
- data/brut-css/src/docs/4_customization/4_advanced-configuration.md +40 -0
- data/brut-css/src/docs/4_customization/page.html.ejs +10 -0
- data/brut-css/src/docs/docs.css +98 -0
- data/brut-css/src/docs/includes/body-and-header.html.ejs +30 -0
- data/brut-css/src/docs/includes/footer-and-rest.html.ejs +9 -0
- data/brut-css/src/docs/includes/head.html.ejs +5 -0
- data/brut-css/src/docs/includes/nav.html.ejs +10 -0
- data/brut-css/src/docs/index.html.ejs +32 -0
- data/brut-css/src/docs/prism-twilight.min.css +1 -0
- data/brut-css/src/js/Logger.js +71 -0
- data/brut-css/src/js/build.js +111 -0
- data/brut-css/src/js/cli/CLIArgError.js +7 -0
- data/brut-css/src/js/cli/Debug.js +27 -0
- data/brut-css/src/js/cli/DocsDir.js +16 -0
- data/brut-css/src/js/cli/DocsTemplateSourceDir.js +16 -0
- data/brut-css/src/js/cli/InputFile.js +31 -0
- data/brut-css/src/js/cli/MediaQueryConfigFile.js +10 -0
- data/brut-css/src/js/cli/OutputFile.js +22 -0
- data/brut-css/src/js/cli/ParsedArg.js +17 -0
- data/brut-css/src/js/cli/PathToBrutCSSRoot.js +19 -0
- data/brut-css/src/js/cli/PseudoClassConfigFile.js +11 -0
- data/brut-css/src/js/cli.js +108 -0
- data/brut-css/src/js/docGenerator.js +467 -0
- data/brut-css/src/js/mediaQueryConfigParser.js +98 -0
- data/brut-css/src/js/post-css-plugins/addMediaQueriesPlugin.js +49 -0
- data/brut-css/src/js/post-css-plugins/addPseudoClassesPlugin.js +42 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/Category.js +9 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/DocState.js +185 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/Documentable.js +8 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/Group.js +7 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/ParsedComment.js +73 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/Property.js +9 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/PropertyCategory.js +4 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/PropertyGroup.js +8 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/Rule.js +12 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/RuleCategory.js +4 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/RuleGroup.js +8 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/SeeRef.js +5 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin/SeeURL.js +9 -0
- data/brut-css/src/js/post-css-plugins/generateDocumentationPlugin.js +49 -0
- data/brut-css/src/js/post-css-plugins/generateRootCustomPropertiesPlugin.js +45 -0
- data/brut-css/src/js/pseudoClassConfigParser.js +145 -0
- data/brut-js/.projections.json +10 -0
- data/brut-js/README.md +118 -0
- data/brut-js/bin/build +10 -0
- data/brut-js/bin/ci +5 -0
- data/brut-js/bin/setup +5 -0
- data/brut-js/docs/README.md +8 -0
- data/brut-js/docs/jsdoc-plugins/customElementTag.js +8 -0
- data/brut-js/docs/jsdoc-theme/publish.js +692 -0
- data/brut-js/docs/jsdoc-theme/static/scripts/linenumber.js +25 -0
- data/brut-js/docs/jsdoc-theme/static/scripts/prettify/Apache-License-2.0.txt +202 -0
- data/brut-js/docs/jsdoc-theme/static/scripts/prettify/lang-css.js +2 -0
- data/brut-js/docs/jsdoc-theme/static/scripts/prettify/prettify.js +28 -0
- data/brut-js/docs/jsdoc-theme/static/styles/jsdoc-default.css +327 -0
- data/brut-js/docs/jsdoc-theme/static/styles/prettify-jsdoc.css +111 -0
- data/brut-js/docs/jsdoc-theme/static/styles/prettify-tomorrow.css +132 -0
- data/brut-js/docs/jsdoc-theme/tmpl/augments.tmpl +10 -0
- data/brut-js/docs/jsdoc-theme/tmpl/container.tmpl +199 -0
- data/brut-js/docs/jsdoc-theme/tmpl/details.tmpl +143 -0
- data/brut-js/docs/jsdoc-theme/tmpl/example.tmpl +2 -0
- data/brut-js/docs/jsdoc-theme/tmpl/examples.tmpl +13 -0
- data/brut-js/docs/jsdoc-theme/tmpl/exceptions.tmpl +32 -0
- data/brut-js/docs/jsdoc-theme/tmpl/layout.tmpl +38 -0
- data/brut-js/docs/jsdoc-theme/tmpl/mainpage.tmpl +14 -0
- data/brut-js/docs/jsdoc-theme/tmpl/members.tmpl +38 -0
- data/brut-js/docs/jsdoc-theme/tmpl/method.tmpl +131 -0
- data/brut-js/docs/jsdoc-theme/tmpl/modifies.tmpl +14 -0
- data/brut-js/docs/jsdoc-theme/tmpl/params.tmpl +131 -0
- data/brut-js/docs/jsdoc-theme/tmpl/properties.tmpl +108 -0
- data/brut-js/docs/jsdoc-theme/tmpl/returns.tmpl +19 -0
- data/brut-js/docs/jsdoc-theme/tmpl/source.tmpl +8 -0
- data/brut-js/docs/jsdoc-theme/tmpl/tutorial.tmpl +19 -0
- data/brut-js/docs/jsdoc-theme/tmpl/type.tmpl +7 -0
- data/brut-js/docs/jsdoc.config.json +23 -0
- data/brut-js/docs/package-lock.json +343 -0
- data/brut-js/docs/package.json +7 -0
- data/brut-js/package-lock.json +2171 -0
- data/brut-js/package.json +32 -0
- data/brut-js/specs/AjaxSubmit.spec.js +256 -0
- data/brut-js/specs/Autosubmit.spec.js +127 -0
- data/brut-js/specs/ConfirmSubmit.spec.js +193 -0
- data/brut-js/specs/ConstraintViolationMessage.spec.js +33 -0
- data/brut-js/specs/ConstraintViolationMessages.spec.js +29 -0
- data/brut-js/specs/CopyToClipboard.spec.js +35 -0
- data/brut-js/specs/Form.spec.js +181 -0
- data/brut-js/specs/I18nTranslation.spec.js +19 -0
- data/brut-js/specs/LocaleDetection.spec.js +22 -0
- data/brut-js/specs/Message.spec.js +15 -0
- data/brut-js/specs/SpecHelper.js +23 -0
- data/brut-js/specs/Tabs.spec.js +41 -0
- data/brut-js/specs/config/asset_metadata.json +7 -0
- data/brut-js/src/AjaxSubmit.js +384 -0
- data/brut-js/src/Autosubmit.js +63 -0
- data/brut-js/src/BaseCustomElement.js +261 -0
- data/brut-js/src/ConfirmSubmit.js +116 -0
- data/brut-js/src/ConfirmationDialog.js +143 -0
- data/brut-js/src/ConstraintViolationMessage.js +125 -0
- data/brut-js/src/ConstraintViolationMessages.js +98 -0
- data/brut-js/src/CopyToClipboard.js +96 -0
- data/brut-js/src/Form.js +151 -0
- data/brut-js/src/I18nTranslation.js +61 -0
- data/brut-js/src/LocaleDetection.js +117 -0
- data/brut-js/src/Logger.js +90 -0
- data/brut-js/src/Message.js +56 -0
- data/brut-js/src/RichString.js +113 -0
- data/brut-js/src/Tabs.js +168 -0
- data/brut-js/src/Tracing.js +247 -0
- data/brut-js/src/appForTestingOnly.js +15 -0
- data/brut-js/src/index.js +130 -0
- data/brut-js/src/testing/AssetMetadata.js +35 -0
- data/brut-js/src/testing/AssetMetadataLoader.js +25 -0
- data/brut-js/src/testing/CustomElementTest.js +235 -0
- data/brut-js/src/testing/DOMCreator.js +45 -0
- data/brut-js/src/testing/index.js +48 -0
- data/brutrb.com/.vitepress/config.mjs +106 -0
- data/brutrb.com/.vitepress/plugins/jsdocLinker.js +34 -0
- data/brutrb.com/.vitepress/plugins/rdocLinker.js +18 -0
- data/brutrb.com/.vitepress/theme/custom.css +7 -0
- data/brutrb.com/.vitepress/theme/index.js +18 -0
- data/brutrb.com/.vitepress/theme/style.css +149 -0
- data/brutrb.com/ai.md +68 -0
- data/brutrb.com/assets.md +138 -0
- data/brutrb.com/bin/build +5 -0
- data/brutrb.com/bin/deploy +7 -0
- data/brutrb.com/bin/dev +5 -0
- data/brutrb.com/bin/setup +5 -0
- data/brutrb.com/brut-js.md +117 -0
- data/brutrb.com/business-logic.md +55 -0
- data/brutrb.com/cli.md +278 -0
- data/brutrb.com/components.md +243 -0
- data/brutrb.com/configuration.md +257 -0
- data/brutrb.com/css.md +103 -0
- data/brutrb.com/custom-element-tests.md +149 -0
- data/brutrb.com/database-access.md +201 -0
- data/brutrb.com/database-schema.md +312 -0
- data/brutrb.com/deployment.md +66 -0
- data/brutrb.com/dev-environment.md +179 -0
- data/brutrb.com/doc-conventions.md +39 -0
- data/brutrb.com/end-to-end-tests.md +174 -0
- data/brutrb.com/flash-and-session.md +224 -0
- data/brutrb.com/forms.md +866 -0
- data/brutrb.com/getting-started.md +66 -0
- data/brutrb.com/handlers.md +153 -0
- data/brutrb.com/hooks.md +178 -0
- data/brutrb.com/i18n.md +188 -0
- data/brutrb.com/images/Makefile +10 -0
- data/brutrb.com/images/dev-env-overview.dot +54 -0
- data/brutrb.com/images/dev-env-overview.png +0 -0
- data/brutrb.com/images/dev-env-protocol.dot +37 -0
- data/brutrb.com/images/dev-env-protocol.png +0 -0
- data/brutrb.com/images/logo-300.png +0 -0
- data/brutrb.com/images/logo.png +0 -0
- data/brutrb.com/images/overview.graffle +0 -0
- data/brutrb.com/images/overview.png +0 -0
- data/brutrb.com/images/spa.dot +19 -0
- data/brutrb.com/images/spa.png +0 -0
- data/brutrb.com/images/workspace-protocol.dot +44 -0
- data/brutrb.com/images/workspace-protocol.png +0 -0
- data/brutrb.com/index.md +36 -0
- data/brutrb.com/instrumentation.md +183 -0
- data/brutrb.com/javascript.md +122 -0
- data/brutrb.com/jobs.md +14 -0
- data/{doc-src → brutrb.com}/keyword-injection.md +122 -68
- data/brutrb.com/markdown-examples.md +85 -0
- data/brutrb.com/middleware.md +80 -0
- data/brutrb.com/not-released.md +5 -0
- data/brutrb.com/overview.md +404 -0
- data/brutrb.com/package-lock.json +2404 -0
- data/brutrb.com/package.json +11 -0
- data/brutrb.com/pages.md +378 -0
- data/brutrb.com/public/images/logo-300.png +0 -0
- data/brutrb.com/public/images/logo.png +0 -0
- data/brutrb.com/routes.md +215 -0
- data/brutrb.com/security.md +105 -0
- data/brutrb.com/seed-data.md +63 -0
- data/brutrb.com/space-time-continuum.md +85 -0
- data/brutrb.com/tutorial.md +3 -0
- data/brutrb.com/unit-tests.md +148 -0
- data/docker-compose.dx.yml +6 -3
- data/docs/404.html +21 -0
- data/docs/CNAME +1 -0
- data/docs/ai.html +24 -0
- data/docs/api/Brut/BackEnd/SeedData.html +493 -0
- data/docs/api/Brut/BackEnd/Sidekiq/Middlewares/Server/FlushSpans.html +214 -0
- data/docs/api/Brut/BackEnd/Sidekiq/Middlewares/Server.html +125 -0
- data/docs/api/Brut/BackEnd/Sidekiq/Middlewares.html +125 -0
- data/docs/api/Brut/BackEnd/Sidekiq.html +125 -0
- data/docs/api/Brut/BackEnd/Validators/FormValidator.html +414 -0
- data/docs/api/Brut/BackEnd/Validators.html +128 -0
- data/docs/api/Brut/BackEnd.html +132 -0
- data/docs/api/Brut/CLI/App.html +1576 -0
- data/docs/api/Brut/CLI/AppRunner.html +491 -0
- data/docs/api/Brut/CLI/Apps/BuildAssets/All.html +264 -0
- data/docs/api/Brut/CLI/Apps/BuildAssets/CSS.html +306 -0
- data/docs/api/Brut/CLI/Apps/BuildAssets/Images.html +262 -0
- data/docs/api/Brut/CLI/Apps/BuildAssets/JS.html +314 -0
- data/docs/api/Brut/CLI/Apps/BuildAssets.html +183 -0
- data/docs/api/Brut/CLI/Apps/DB/Create.html +365 -0
- data/docs/api/Brut/CLI/Apps/DB/Drop.html +357 -0
- data/docs/api/Brut/CLI/Apps/DB/Migrate.html +383 -0
- data/docs/api/Brut/CLI/Apps/DB/NewMigration.html +335 -0
- data/docs/api/Brut/CLI/Apps/DB/Rebuild.html +329 -0
- data/docs/api/Brut/CLI/Apps/DB/Seed.html +347 -0
- data/docs/api/Brut/CLI/Apps/DB/Status.html +383 -0
- data/docs/api/Brut/CLI/Apps/DB.html +183 -0
- data/docs/api/Brut/CLI/Apps/Scaffold/Action/Route.html +303 -0
- data/docs/api/Brut/CLI/Apps/Scaffold/Action.html +512 -0
- data/docs/api/Brut/CLI/Apps/Scaffold/Component.html +398 -0
- data/docs/api/Brut/CLI/Apps/Scaffold/CustomElementTest.html +374 -0
- data/docs/api/Brut/CLI/Apps/Scaffold/E2ETest.html +410 -0
- data/docs/api/Brut/CLI/Apps/Scaffold/Form.html +262 -0
- data/docs/api/Brut/CLI/Apps/Scaffold/Page/Route.html +303 -0
- data/docs/api/Brut/CLI/Apps/Scaffold/Page.html +480 -0
- data/docs/api/Brut/CLI/Apps/Scaffold/RoutesEditor.html +450 -0
- data/docs/api/Brut/CLI/Apps/Scaffold/Test.html +380 -0
- data/docs/api/Brut/CLI/Apps/Scaffold.html +253 -0
- data/docs/api/Brut/CLI/Apps/Test/Audit.html +464 -0
- data/docs/api/Brut/CLI/Apps/Test/E2e.html +407 -0
- data/docs/api/Brut/CLI/Apps/Test/JS.html +262 -0
- data/docs/api/Brut/CLI/Apps/Test/Run.html +578 -0
- data/docs/api/Brut/CLI/Apps/Test.html +253 -0
- data/docs/api/Brut/CLI/Apps.html +125 -0
- data/docs/api/Brut/CLI/Command.html +2342 -0
- data/docs/api/Brut/CLI/Error.html +139 -0
- data/docs/api/Brut/CLI/ExecutionResults/Result.html +664 -0
- data/docs/api/Brut/CLI/ExecutionResults.html +675 -0
- data/docs/api/Brut/CLI/Executor.html +430 -0
- data/docs/api/Brut/CLI/InvalidOption.html +245 -0
- data/docs/api/Brut/CLI/Options.html +753 -0
- data/docs/api/Brut/CLI/Output.html +699 -0
- data/docs/api/Brut/CLI/SystemExecError.html +451 -0
- data/docs/api/Brut/CLI.html +263 -0
- data/docs/api/Brut/FactoryBot.html +225 -0
- data/docs/api/Brut/Framework/App.html +1097 -0
- data/docs/api/Brut/Framework/Config.html +1045 -0
- data/docs/api/Brut/Framework/Container.html +1379 -0
- data/docs/api/Brut/Framework/Error.html +140 -0
- data/docs/api/Brut/Framework/Errors/AbstractMethod.html +144 -0
- data/docs/api/Brut/Framework/Errors/Bug.html +234 -0
- data/docs/api/Brut/Framework/Errors/MissingConfiguration.html +257 -0
- data/docs/api/Brut/Framework/Errors/MissingParameter.html +273 -0
- data/docs/api/Brut/Framework/Errors/NoClassForPath.html +471 -0
- data/docs/api/Brut/Framework/Errors/NotFound.html +308 -0
- data/docs/api/Brut/Framework/Errors/NotImplemented.html +234 -0
- data/docs/api/Brut/Framework/Errors.html +328 -0
- data/docs/api/Brut/Framework/FussyTypeEnforcement.html +392 -0
- data/docs/api/Brut/Framework/MCP.html +861 -0
- data/docs/api/Brut/Framework/ProjectEnvironment.html +648 -0
- data/docs/api/Brut/Framework.html +129 -0
- data/docs/api/Brut/FrontEnd/AssetPathResolver.html +317 -0
- data/docs/api/Brut/FrontEnd/Component/Helpers.html +326 -0
- data/docs/api/Brut/FrontEnd/Component.html +365 -0
- data/docs/api/Brut/FrontEnd/Components/ConstraintViolations.html +470 -0
- data/docs/api/Brut/FrontEnd/Components/FormTag.html +518 -0
- data/docs/api/Brut/FrontEnd/Components/I18nTranslations.html +317 -0
- data/docs/api/Brut/FrontEnd/Components/Input.html +195 -0
- data/docs/api/Brut/FrontEnd/Components/Inputs/CsrfToken.html +339 -0
- data/docs/api/Brut/FrontEnd/Components/Inputs/InputTag.html +660 -0
- data/docs/api/Brut/FrontEnd/Components/Inputs/RadioButton.html +417 -0
- data/docs/api/Brut/FrontEnd/Components/Inputs/SelectTagWithOptions.html +918 -0
- data/docs/api/Brut/FrontEnd/Components/Inputs/TextareaTag.html +651 -0
- data/docs/api/Brut/FrontEnd/Components/Inputs.html +125 -0
- data/docs/api/Brut/FrontEnd/Components/LocaleDetection.html +367 -0
- data/docs/api/Brut/FrontEnd/Components/PageIdentifier.html +336 -0
- data/docs/api/Brut/FrontEnd/Components/TimeTag.html +655 -0
- data/docs/api/Brut/FrontEnd/Components/Traceparent.html +352 -0
- data/docs/api/Brut/FrontEnd/Components.html +135 -0
- data/docs/api/Brut/FrontEnd/Download.html +467 -0
- data/docs/api/Brut/FrontEnd/Flash.html +1150 -0
- data/docs/api/Brut/FrontEnd/Form.html +1157 -0
- data/docs/api/Brut/FrontEnd/Forms/ConstraintViolation.html +634 -0
- data/docs/api/Brut/FrontEnd/Forms/Input.html +615 -0
- data/docs/api/Brut/FrontEnd/Forms/InputDeclarations.html +547 -0
- data/docs/api/Brut/FrontEnd/Forms/InputDefinition.html +1318 -0
- data/docs/api/Brut/FrontEnd/Forms/RadioButtonGroupInput.html +609 -0
- data/docs/api/Brut/FrontEnd/Forms/RadioButtonGroupInputDefinition.html +587 -0
- data/docs/api/Brut/FrontEnd/Forms/SelectInput.html +613 -0
- data/docs/api/Brut/FrontEnd/Forms/SelectInputDefinition.html +582 -0
- data/docs/api/Brut/FrontEnd/Forms/ValidityState.html +609 -0
- data/docs/api/Brut/FrontEnd/Forms.html +127 -0
- data/docs/api/Brut/FrontEnd/GenericResponse.html +377 -0
- data/docs/api/Brut/FrontEnd/Handler.html +442 -0
- data/docs/api/Brut/FrontEnd/Handlers/CspReportingHandler.html +318 -0
- data/docs/api/Brut/FrontEnd/Handlers/InstrumentationHandler/TraceParent.html +336 -0
- data/docs/api/Brut/FrontEnd/Handlers/InstrumentationHandler.html +399 -0
- data/docs/api/Brut/FrontEnd/Handlers/LocaleDetectionHandler.html +354 -0
- data/docs/api/Brut/FrontEnd/Handlers/MissingHandler/Form.html +151 -0
- data/docs/api/Brut/FrontEnd/Handlers/MissingHandler.html +315 -0
- data/docs/api/Brut/FrontEnd/Handlers.html +125 -0
- data/docs/api/Brut/FrontEnd/HandlingResults.html +339 -0
- data/docs/api/Brut/FrontEnd/HttpMethod.html +661 -0
- data/docs/api/Brut/FrontEnd/HttpStatus.html +496 -0
- data/docs/api/Brut/FrontEnd/InlineSvgLocator.html +284 -0
- data/docs/api/Brut/FrontEnd/Layout.html +318 -0
- data/docs/api/Brut/FrontEnd/Middleware.html +135 -0
- data/docs/api/Brut/FrontEnd/Middlewares/AnnotateBrutOwnedPaths.html +288 -0
- data/docs/api/Brut/FrontEnd/Middlewares/Favicon.html +292 -0
- data/docs/api/Brut/FrontEnd/Middlewares/OpenTelemetrySpan.html +324 -0
- data/docs/api/Brut/FrontEnd/Middlewares/ReloadApp.html +372 -0
- data/docs/api/Brut/FrontEnd/Middlewares.html +125 -0
- data/docs/api/Brut/FrontEnd/Page.html +773 -0
- data/docs/api/Brut/FrontEnd/Pages/MissingPage.html +797 -0
- data/docs/api/Brut/FrontEnd/Pages.html +125 -0
- data/docs/api/Brut/FrontEnd/RequestContext.html +1312 -0
- data/docs/api/Brut/FrontEnd/RouteHook.html +424 -0
- data/docs/api/Brut/FrontEnd/RouteHooks/AgeFlash.html +242 -0
- data/docs/api/Brut/FrontEnd/RouteHooks/CSPNoInlineScripts.html +249 -0
- data/docs/api/Brut/FrontEnd/RouteHooks/CSPNoInlineStylesOrScripts/ReportOnly.html +264 -0
- data/docs/api/Brut/FrontEnd/RouteHooks/CSPNoInlineStylesOrScripts.html +261 -0
- data/docs/api/Brut/FrontEnd/RouteHooks/LocaleDetection.html +284 -0
- data/docs/api/Brut/FrontEnd/RouteHooks/SetupRequestContext.html +252 -0
- data/docs/api/Brut/FrontEnd/RouteHooks.html +115 -0
- data/docs/api/Brut/FrontEnd/Routing/FormHandlerRoute.html +227 -0
- data/docs/api/Brut/FrontEnd/Routing/FormRoute.html +305 -0
- data/docs/api/Brut/FrontEnd/Routing/MissingForm.html +324 -0
- data/docs/api/Brut/FrontEnd/Routing/MissingHandler.html +319 -0
- data/docs/api/Brut/FrontEnd/Routing/MissingPage.html +315 -0
- data/docs/api/Brut/FrontEnd/Routing/MissingPath.html +315 -0
- data/docs/api/Brut/FrontEnd/Routing/PageRoute.html +327 -0
- data/docs/api/Brut/FrontEnd/Routing/Route.html +761 -0
- data/docs/api/Brut/FrontEnd/Routing.html +927 -0
- data/docs/api/Brut/FrontEnd/Session.html +1195 -0
- data/docs/api/Brut/FrontEnd.html +134 -0
- data/docs/api/Brut/I18n/BaseMethods.html +931 -0
- data/docs/api/Brut/I18n/ForBackEnd.html +302 -0
- data/docs/api/Brut/I18n/ForCLI.html +302 -0
- data/docs/api/Brut/I18n/ForHTML.html +296 -0
- data/docs/api/Brut/I18n/HTTPAcceptLanguage/AlwaysEnglish.html +316 -0
- data/docs/api/Brut/I18n/HTTPAcceptLanguage.html +930 -0
- data/docs/api/Brut/I18n.html +127 -0
- data/docs/api/Brut/Instrumentation/LoggerSpanExporter.html +435 -0
- data/docs/api/Brut/Instrumentation/OpenTelemetry/NormalizedAttributes.html +286 -0
- data/docs/api/Brut/Instrumentation/OpenTelemetry/Span.html +302 -0
- data/docs/api/Brut/Instrumentation/OpenTelemetry.html +864 -0
- data/docs/api/Brut/Instrumentation.html +126 -0
- data/docs/api/Brut/SinatraHelpers/ClassMethods.html +532 -0
- data/docs/api/Brut/SinatraHelpers.html +281 -0
- data/docs/api/Brut/SpecSupport/ClockSupport.html +383 -0
- data/docs/api/Brut/SpecSupport/ComponentSupport.html +502 -0
- data/docs/api/Brut/SpecSupport/E2ETestServer.html +503 -0
- data/docs/api/Brut/SpecSupport/E2eSupport.html +142 -0
- data/docs/api/Brut/SpecSupport/EnhancedNode.html +403 -0
- data/docs/api/Brut/SpecSupport/FlashSupport.html +278 -0
- data/docs/api/Brut/SpecSupport/GeneralSupport/ClassMethods.html +401 -0
- data/docs/api/Brut/SpecSupport/GeneralSupport.html +195 -0
- data/docs/api/Brut/SpecSupport/HandlerSupport.html +160 -0
- data/docs/api/Brut/SpecSupport/Matchers/HaveConstraintViolation.html +553 -0
- data/docs/api/Brut/SpecSupport/Matchers/HaveHTMLAttribute.html +439 -0
- data/docs/api/Brut/SpecSupport/Matchers.html +125 -0
- data/docs/api/Brut/SpecSupport/RSpecSetup/OptionalSidekiqSupport.html +335 -0
- data/docs/api/Brut/SpecSupport/RSpecSetup.html +602 -0
- data/docs/api/Brut/SpecSupport/SessionSupport.html +196 -0
- data/docs/api/Brut/SpecSupport.html +129 -0
- data/docs/api/Brut.html +225 -0
- data/docs/api/Clock.html +603 -0
- data/docs/api/RichString.html +968 -0
- data/docs/api/SemanticLogger/Appender/Async.html +219 -0
- data/docs/api/Sequel/Extensions/BrutInstrumentation.html +115 -0
- data/docs/api/Sequel/Extensions/BrutMigrations.html +533 -0
- data/docs/api/Sequel/Extensions.html +117 -0
- data/docs/api/Sequel/Plugins/CreatedAt/InstanceMethods.html +105 -0
- data/docs/api/Sequel/Plugins/CreatedAt.html +125 -0
- data/docs/api/Sequel/Plugins/ExternalId/ClassMethods.html +207 -0
- data/docs/api/Sequel/Plugins/ExternalId/InstanceMethods.html +186 -0
- data/docs/api/Sequel/Plugins/ExternalId.html +218 -0
- data/docs/api/Sequel/Plugins/FindBang/ClassMethods.html +202 -0
- data/docs/api/Sequel/Plugins/FindBang.html +125 -0
- data/docs/api/Sequel/Plugins.html +117 -0
- data/docs/api/Sequel.html +117 -0
- data/docs/api/_index.html +1553 -0
- data/docs/api/class_list.html +54 -0
- data/docs/api/css/common.css +1 -0
- data/docs/api/css/full_list.css +58 -0
- data/docs/api/css/style.css +503 -0
- data/docs/api/file.README.html +127 -0
- data/docs/api/file_list.html +59 -0
- data/docs/api/frames.html +22 -0
- data/docs/api/index.html +127 -0
- data/docs/api/js/app.js +344 -0
- data/docs/api/js/full_list.js +242 -0
- data/docs/api/js/jquery.js +4 -0
- data/docs/api/method_list.html +3998 -0
- data/docs/api/top-level-namespace.html +112 -0
- data/docs/assets/ai.md.tZrjP9im.js +1 -0
- data/docs/assets/ai.md.tZrjP9im.lean.js +1 -0
- data/docs/assets/app.D_yaTITQ.js +1 -0
- data/docs/assets/assets.md.D3wunzLx.js +19 -0
- data/docs/assets/assets.md.D3wunzLx.lean.js +1 -0
- data/docs/assets/brut-js.md.o2DAO2s2.js +12 -0
- data/docs/assets/brut-js.md.o2DAO2s2.lean.js +1 -0
- data/docs/assets/business-logic.md.BY4hGy0m.js +1 -0
- data/docs/assets/business-logic.md.BY4hGy0m.lean.js +1 -0
- data/docs/assets/chunks/@localSearchIndexroot.BsN5i0Fi.js +1 -0
- data/docs/assets/chunks/VPLocalSearchBox.B2-ZzyTY.js +8 -0
- data/docs/assets/chunks/framework.1L-BeKqY.js +18 -0
- data/docs/assets/chunks/theme.CfGFVRvE.js +2 -0
- data/docs/assets/cli.md.RmeA2b0i.js +127 -0
- data/docs/assets/cli.md.RmeA2b0i.lean.js +1 -0
- data/docs/assets/components.md.eCttGlN-.js +104 -0
- data/docs/assets/components.md.eCttGlN-.lean.js +1 -0
- data/docs/assets/configuration.md.BRriU0cL.js +78 -0
- data/docs/assets/configuration.md.BRriU0cL.lean.js +1 -0
- data/docs/assets/css.md.DJgj2clw.js +21 -0
- data/docs/assets/css.md.DJgj2clw.lean.js +1 -0
- data/docs/assets/custom-element-tests.md.BrYJQEl3.js +69 -0
- data/docs/assets/custom-element-tests.md.BrYJQEl3.lean.js +1 -0
- data/docs/assets/database-access.md.C7l-Vuvb.js +63 -0
- data/docs/assets/database-access.md.C7l-Vuvb.lean.js +1 -0
- data/docs/assets/database-schema.md.BUjR0VS1.js +63 -0
- data/docs/assets/database-schema.md.BUjR0VS1.lean.js +1 -0
- data/docs/assets/deployment.md.Dbka4OTr.js +1 -0
- data/docs/assets/deployment.md.Dbka4OTr.lean.js +1 -0
- data/docs/assets/dev-env-overview.Gj7NWM8-.png +0 -0
- data/docs/assets/dev-env-protocol.DysDAtnz.png +0 -0
- data/docs/assets/dev-environment.md.BNc8AYiK.js +11 -0
- data/docs/assets/dev-environment.md.BNc8AYiK.lean.js +1 -0
- data/docs/assets/doc-conventions.md.DCfRXXi-.js +1 -0
- data/docs/assets/doc-conventions.md.DCfRXXi-.lean.js +1 -0
- data/docs/assets/end-to-end-tests.md.yfQHC0b5.js +26 -0
- data/docs/assets/end-to-end-tests.md.yfQHC0b5.lean.js +1 -0
- data/docs/assets/flash-and-session.md.BXY8RvT0.js +93 -0
- data/docs/assets/flash-and-session.md.BXY8RvT0.lean.js +1 -0
- data/docs/assets/forms.md.CBTYQ_Cz.js +379 -0
- data/docs/assets/forms.md.CBTYQ_Cz.lean.js +1 -0
- data/docs/assets/getting-started.md.Bz2s1Vjb.js +2 -0
- data/docs/assets/getting-started.md.Bz2s1Vjb.lean.js +1 -0
- data/docs/assets/handlers.md.089DVD3v.js +69 -0
- data/docs/assets/handlers.md.089DVD3v.lean.js +1 -0
- data/docs/assets/hooks.md.C4-moMny.js +80 -0
- data/docs/assets/hooks.md.C4-moMny.lean.js +1 -0
- data/docs/assets/i18n.md.Do9i1qWl.js +23 -0
- data/docs/assets/i18n.md.Do9i1qWl.lean.js +1 -0
- data/docs/assets/index.md.B28EwVpq.js +1 -0
- data/docs/assets/index.md.B28EwVpq.lean.js +1 -0
- data/docs/assets/instrumentation.md.CL6ax7nT.js +35 -0
- data/docs/assets/instrumentation.md.CL6ax7nT.lean.js +1 -0
- data/docs/assets/javascript.md.GWbhRS51.js +31 -0
- data/docs/assets/javascript.md.GWbhRS51.lean.js +1 -0
- data/docs/assets/jobs.md.S-2amAYp.js +1 -0
- data/docs/assets/jobs.md.S-2amAYp.lean.js +1 -0
- data/docs/assets/keyword-injection.md.Dt2tKREs.js +25 -0
- data/docs/assets/keyword-injection.md.Dt2tKREs.lean.js +1 -0
- data/docs/assets/markdown-examples.md.CCFEQO44.js +33 -0
- data/docs/assets/markdown-examples.md.CCFEQO44.lean.js +1 -0
- data/docs/assets/middleware.md.Czz_UlJN.js +20 -0
- data/docs/assets/middleware.md.Czz_UlJN.lean.js +1 -0
- data/docs/assets/not-released.md.BBy28McC.js +1 -0
- data/docs/assets/not-released.md.BBy28McC.lean.js +1 -0
- data/docs/assets/overview.Da81cB9R.png +0 -0
- data/docs/assets/overview.md.CDalkuxV.js +133 -0
- data/docs/assets/overview.md.CDalkuxV.lean.js +1 -0
- data/docs/assets/pages.md.BE3kfOc5.js +122 -0
- data/docs/assets/pages.md.BE3kfOc5.lean.js +1 -0
- data/docs/assets/routes.md.BMM7peut.js +29 -0
- data/docs/assets/routes.md.BMM7peut.lean.js +1 -0
- data/docs/assets/security.md.C668yXCi.js +1 -0
- data/docs/assets/security.md.C668yXCi.lean.js +1 -0
- data/docs/assets/seed-data.md.BvFZlqIk.js +14 -0
- data/docs/assets/seed-data.md.BvFZlqIk.lean.js +1 -0
- data/docs/assets/spa.qejUdp-5.png +0 -0
- data/docs/assets/space-time-continuum.md.KPUIKysQ.js +1 -0
- data/docs/assets/space-time-continuum.md.KPUIKysQ.lean.js +1 -0
- data/docs/assets/style.D73IYGCX.css +1 -0
- data/docs/assets/tutorial.md.BnoGjrdK.js +1 -0
- data/docs/assets/tutorial.md.BnoGjrdK.lean.js +1 -0
- data/docs/assets/unit-tests.md.DUGrnLj5.js +13 -0
- data/docs/assets/unit-tests.md.DUGrnLj5.lean.js +1 -0
- data/docs/assets/workspace-protocol.C0gXsoDb.png +0 -0
- data/docs/assets.html +42 -0
- data/docs/brut-css/brut.css +1 -0
- data/docs/brut-css/brut.max.css +22372 -0
- data/docs/brut-css/classes/appearances.html +783 -0
- data/docs/brut-css/classes/background-colors.html +3529 -0
- data/docs/brut-css/classes/border-colors.html +3529 -0
- data/docs/brut-css/classes/borders.html +2293 -0
- data/docs/brut-css/classes/dimensions.html +2581 -0
- data/docs/brut-css/classes/flex.html +917 -0
- data/docs/brut-css/classes/foreground-colors.html +3261 -0
- data/docs/brut-css/classes/junk-drawer.html +431 -0
- data/docs/brut-css/classes/layout.html +668 -0
- data/docs/brut-css/classes/lists.html +331 -0
- data/docs/brut-css/classes/positioning.html +1751 -0
- data/docs/brut-css/classes/spacings.html +2633 -0
- data/docs/brut-css/classes/typography.html +2206 -0
- data/docs/brut-css/customization/advanced-configuration.html +204 -0
- data/docs/brut-css/customization/breakpoints.html +227 -0
- data/docs/brut-css/customization/design-system.html +197 -0
- data/docs/brut-css/customization/pseudo-classes.html +228 -0
- data/docs/brut-css/docs.css +98 -0
- data/docs/brut-css/getting-started/core-concepts.html +234 -0
- data/docs/brut-css/getting-started/installation.html +190 -0
- data/docs/brut-css/getting-started/overview.html +210 -0
- data/docs/brut-css/getting-started/simple-example.html +285 -0
- data/docs/brut-css/index.html +193 -0
- data/docs/brut-css/prism-twilight.min.css +1 -0
- data/docs/brut-css/properties/colors.html +1548 -0
- data/docs/brut-css/properties/spacings.html +614 -0
- data/docs/brut-css/properties/typography.html +777 -0
- data/docs/brut-js/api/AjaxSubmit.html +374 -0
- data/docs/brut-js/api/AjaxSubmit.js.html +435 -0
- data/docs/brut-js/api/Autosubmit.html +192 -0
- data/docs/brut-js/api/Autosubmit.js.html +114 -0
- data/docs/brut-js/api/BaseCustomElement.html +1091 -0
- data/docs/brut-js/api/BaseCustomElement.js.html +312 -0
- data/docs/brut-js/api/BrutCustomElements.html +172 -0
- data/docs/brut-js/api/BufferedLogger.html +173 -0
- data/docs/brut-js/api/ConfirmSubmit.html +278 -0
- data/docs/brut-js/api/ConfirmSubmit.js.html +167 -0
- data/docs/brut-js/api/ConfirmationDialog.html +425 -0
- data/docs/brut-js/api/ConfirmationDialog.js.html +194 -0
- data/docs/brut-js/api/ConstraintViolationMessage.html +448 -0
- data/docs/brut-js/api/ConstraintViolationMessage.js.html +176 -0
- data/docs/brut-js/api/ConstraintViolationMessages.html +590 -0
- data/docs/brut-js/api/ConstraintViolationMessages.js.html +149 -0
- data/docs/brut-js/api/CopyToClipboard.html +345 -0
- data/docs/brut-js/api/CopyToClipboard.js.html +147 -0
- data/docs/brut-js/api/Form.html +294 -0
- data/docs/brut-js/api/Form.js.html +202 -0
- data/docs/brut-js/api/I18nTranslation.html +409 -0
- data/docs/brut-js/api/I18nTranslation.js.html +112 -0
- data/docs/brut-js/api/LocaleDetection.html +312 -0
- data/docs/brut-js/api/LocaleDetection.js.html +168 -0
- data/docs/brut-js/api/Logger.html +702 -0
- data/docs/brut-js/api/Logger.js.html +141 -0
- data/docs/brut-js/api/Message.html +238 -0
- data/docs/brut-js/api/Message.js.html +107 -0
- data/docs/brut-js/api/PrefixedLogger.html +369 -0
- data/docs/brut-js/api/RichString.html +1049 -0
- data/docs/brut-js/api/RichString.js.html +164 -0
- data/docs/brut-js/api/Tabs.html +295 -0
- data/docs/brut-js/api/Tabs.js.html +219 -0
- data/docs/brut-js/api/Tracing.html +277 -0
- data/docs/brut-js/api/Tracing.js.html +298 -0
- data/docs/brut-js/api/external-CustomElementRegistry.html +140 -0
- data/docs/brut-js/api/external-Performance.html +138 -0
- data/docs/brut-js/api/external-Promise.html +138 -0
- data/docs/brut-js/api/external-ValidityState.html +138 -0
- data/docs/brut-js/api/external-Window.html +233 -0
- data/docs/brut-js/api/external-fetch.html +138 -0
- data/docs/brut-js/api/global.html +400 -0
- data/docs/brut-js/api/index.html +168 -0
- data/docs/brut-js/api/index.js.html +181 -0
- data/docs/brut-js/api/module-testing.html +383 -0
- data/docs/brut-js/api/scripts/linenumber.js +25 -0
- data/docs/brut-js/api/scripts/prettify/Apache-License-2.0.txt +202 -0
- data/docs/brut-js/api/scripts/prettify/lang-css.js +2 -0
- data/docs/brut-js/api/scripts/prettify/prettify.js +28 -0
- data/docs/brut-js/api/styles/jsdoc-default.css +327 -0
- data/docs/brut-js/api/styles/prettify-jsdoc.css +111 -0
- data/docs/brut-js/api/styles/prettify-tomorrow.css +132 -0
- data/docs/brut-js/api/testing.AssetMetadata.html +172 -0
- data/docs/brut-js/api/testing.AssetMetadataLoader.html +171 -0
- data/docs/brut-js/api/testing.CustomElementTest.html +679 -0
- data/docs/brut-js/api/testing.DOMCreator.html +171 -0
- data/docs/brut-js/api/testing_AssetMetadata.js.html +86 -0
- data/docs/brut-js/api/testing_AssetMetadataLoader.js.html +76 -0
- data/docs/brut-js/api/testing_CustomElementTest.js.html +286 -0
- data/docs/brut-js/api/testing_DOMCreator.js.html +96 -0
- data/docs/brut-js/api/testing_index.js.html +99 -0
- data/docs/brut-js.html +35 -0
- data/docs/business-logic.html +24 -0
- data/docs/cli.html +150 -0
- data/docs/components.html +127 -0
- data/docs/configuration.html +101 -0
- data/docs/css.html +44 -0
- data/docs/custom-element-tests.html +92 -0
- data/docs/database-access.html +86 -0
- data/docs/database-schema.html +86 -0
- data/docs/deployment.html +24 -0
- data/docs/dev-environment.html +34 -0
- data/docs/doc-conventions.html +24 -0
- data/docs/end-to-end-tests.html +49 -0
- data/docs/flash-and-session.html +116 -0
- data/docs/forms.html +402 -0
- data/docs/getting-started.html +25 -0
- data/docs/handlers.html +92 -0
- data/docs/hashmap.json +1 -0
- data/docs/hooks.html +103 -0
- data/docs/i18n.html +46 -0
- data/docs/images/logo-300.png +0 -0
- data/docs/images/logo.png +0 -0
- data/docs/index.html +24 -0
- data/docs/instrumentation.html +58 -0
- data/docs/javascript.html +54 -0
- data/docs/jobs.html +24 -0
- data/docs/keyword-injection.html +48 -0
- data/docs/markdown-examples.html +56 -0
- data/docs/middleware.html +43 -0
- data/docs/not-released.html +24 -0
- data/docs/overview.html +156 -0
- data/docs/pages.html +145 -0
- data/docs/routes.html +52 -0
- data/docs/security.html +24 -0
- data/docs/seed-data.html +37 -0
- data/docs/space-time-continuum.html +24 -0
- data/docs/tutorial.html +24 -0
- data/docs/unit-tests.html +36 -0
- data/docs/vp-icons.css +1 -0
- data/lib/brut/back_end/seed_data.rb +19 -2
- data/lib/brut/back_end/sidekiq/middlewares/server.rb +2 -1
- data/lib/brut/back_end/sidekiq/middlewares.rb +2 -1
- data/lib/brut/back_end/sidekiq.rb +2 -1
- data/lib/brut/back_end/validator.rb +5 -1
- data/lib/brut/back_end.rb +4 -2
- data/lib/brut/cli/app_runner.rb +1 -1
- data/lib/brut/cli/apps/test.rb +5 -0
- data/lib/brut/cli.rb +4 -3
- data/lib/brut/factory_bot.rb +0 -5
- data/lib/brut/framework/app.rb +70 -5
- data/lib/brut/framework/config.rb +5 -3
- data/lib/brut/framework/container.rb +3 -2
- data/lib/brut/framework/errors.rb +12 -4
- data/lib/brut/framework/mcp.rb +58 -1
- data/lib/brut/framework/project_environment.rb +6 -2
- data/lib/brut/framework.rb +1 -1
- data/lib/brut/front_end/component.rb +69 -71
- data/lib/brut/front_end/components/constraint_violations.rb +1 -4
- data/lib/brut/front_end/components/form_tag.rb +1 -1
- data/lib/brut/front_end/components/input.rb +3 -3
- data/lib/brut/front_end/components/inputs/csrf_token.rb +1 -1
- data/lib/brut/front_end/components/inputs/{text_field.rb → input_tag.rb} +7 -9
- data/lib/brut/front_end/components/inputs/radio_button.rb +1 -1
- data/lib/brut/front_end/components/inputs/select_tag_with_options.rb +187 -0
- data/lib/brut/front_end/components/inputs/{textarea.rb → textarea_tag.rb} +2 -2
- data/lib/brut/front_end/components/time_tag.rb +2 -1
- data/lib/brut/front_end/form.rb +4 -4
- data/lib/brut/front_end/forms/input.rb +2 -1
- data/lib/brut/front_end/forms/input_definition.rb +5 -2
- data/lib/brut/front_end/forms/radio_button_group_input.rb +2 -1
- data/lib/brut/front_end/forms/radio_button_group_input_definition.rb +2 -2
- data/lib/brut/front_end/forms/select_input.rb +2 -4
- data/lib/brut/front_end/forms/select_input_definition.rb +2 -2
- data/lib/brut/front_end/handler.rb +28 -26
- data/lib/brut/front_end/handlers/csp_reporting_handler.rb +5 -2
- data/lib/brut/front_end/handlers/instrumentation_handler.rb +8 -4
- data/lib/brut/front_end/handlers/locale_detection_handler.rb +9 -5
- data/lib/brut/front_end/handlers/missing_handler.rb +5 -2
- data/lib/brut/front_end/layout.rb +16 -0
- data/lib/brut/front_end/page.rb +52 -29
- data/lib/brut/front_end/request_context.rb +3 -2
- data/lib/brut/front_end/routing.rb +5 -1
- data/lib/brut/front_end.rb +4 -13
- data/lib/brut/i18n/base_methods.rb +167 -79
- data/lib/brut/i18n/for_back_end.rb +4 -0
- data/lib/brut/i18n/for_cli.rb +4 -0
- data/lib/brut/i18n/for_html.rb +32 -4
- data/lib/brut/i18n/http_accept_language.rb +47 -0
- data/lib/brut/instrumentation/open_telemetry.rb +36 -1
- data/lib/brut/instrumentation.rb +3 -5
- data/lib/brut/sinatra_helpers.rb +11 -3
- data/lib/brut/spec_support/component_support.rb +30 -16
- data/lib/brut/spec_support/e2e_support.rb +1 -1
- data/lib/brut/spec_support/e2e_test_server.rb +3 -0
- data/lib/brut/spec_support/general_support.rb +3 -0
- data/lib/brut/spec_support/handler_support.rb +6 -1
- data/lib/brut/spec_support/matcher.rb +1 -0
- data/lib/brut/spec_support/matchers/be_page_for.rb +1 -0
- data/lib/brut/spec_support/matchers/have_html_attribute.rb +1 -0
- data/lib/brut/spec_support/matchers/have_i18n_string.rb +2 -5
- data/lib/brut/spec_support/matchers/have_link_to.rb +1 -0
- data/lib/brut/spec_support/matchers/have_redirected_to.rb +1 -0
- data/lib/brut/spec_support/matchers/have_rendered.rb +1 -0
- data/lib/brut/spec_support/matchers/have_returned_rack_response.rb +44 -0
- data/lib/brut/spec_support.rb +1 -1
- data/lib/brut/version.rb +1 -1
- data/lib/brut.rb +5 -4
- data/lib/sequel/extensions/brut_migrations.rb +1 -1
- metadata +648 -13
- data/doc-src/architecture.md +0 -102
- data/doc-src/assets.md +0 -98
- data/doc-src/forms.md +0 -214
- data/doc-src/handlers.md +0 -83
- data/doc-src/javascript.md +0 -265
- data/doc-src/pages.md +0 -210
- data/doc-src/route-hooks.md +0 -59
- data/lib/brut/front_end/components/inputs/select.rb +0 -117
@@ -0,0 +1,777 @@
|
|
1
|
+
<!doctype html>
|
2
|
+
<html class="ma-0 pa-0 h-100" lang="en">
|
3
|
+
<head>
|
4
|
+
<link rel="stylesheet" href="/brut-css/brut.css">
|
5
|
+
<link rel="stylesheet" href="/brut-css/docs.css">
|
6
|
+
<link rel="stylesheet" href="/brut-css/prism-twilight.min.css">
|
7
|
+
</head>
|
8
|
+
|
9
|
+
<body class="flex flex-column ff-sans ma-0 pa-0 h-100">
|
10
|
+
<header class="pos-sticky top-0 bg-gray-700 pa-3 z-5 shadow-2">
|
11
|
+
<div class="flex gap-3 justify-between items-center">
|
12
|
+
<h1><a href="/brut-css" class="black tdn">BrutCSS Reference Documentation</a></h1>
|
13
|
+
<ul class="lst-none pl-0 flex gap-2 justify-end items-center">
|
14
|
+
<form class="flex items-center gap-1 mr-3">
|
15
|
+
<label>
|
16
|
+
<input type="search" placeholder="e.g. padding-left" class="pa-2 br-2 ba bc-gray-600 bg-white-ish gray-200">
|
17
|
+
<span class="sr-only">Search term</span>
|
18
|
+
</label>
|
19
|
+
<button class="ph-3 pv-2 bg-white gray-100 ba bc-gray-500 br-3 hover-bg-gray-800 pointer flex items-center justify-between">
|
20
|
+
<span class="mr-2">Search</span>
|
21
|
+
<kbd>⌘</kbd>
|
22
|
+
<kbd>/</kbd>
|
23
|
+
</button>
|
24
|
+
</form>
|
25
|
+
<li><a href="/" class="red-200 tdn hover-tdu">BrutRB</a></li>
|
26
|
+
<span aria-hidden="true">·</span>
|
27
|
+
<li><a href="/brut-js" class="gray-200 tdn hover-tdu">BrutJS</a></li>
|
28
|
+
<span aria-hidden="true">·</span>
|
29
|
+
<li><a href="https://github.com/thirdtank/brut/tree/main/brut-css" class="gray-200 tdn hover-tdu">Code</a></li>
|
30
|
+
</ul>
|
31
|
+
</div>
|
32
|
+
</header>
|
33
|
+
<main class="flex overflow-hidden flex-grow-1 flex-shrink-1 flex-basis-0 pos-relative">
|
34
|
+
<nav class="overflow-y-auto ph-3 pb-2 pt-4 w-20 bg-gray-800 gray-200 h-100">
|
35
|
+
|
36
|
+
<h3>Getting Started</h3>
|
37
|
+
<ul class="pl-3">
|
38
|
+
|
39
|
+
<li>
|
40
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/getting-started/overview.html">Overview</a>
|
41
|
+
</li>
|
42
|
+
|
43
|
+
<li>
|
44
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/getting-started/installation.html">Installation</a>
|
45
|
+
</li>
|
46
|
+
|
47
|
+
<li>
|
48
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/getting-started/core-concepts.html">Core Concepts</a>
|
49
|
+
</li>
|
50
|
+
|
51
|
+
<li>
|
52
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/getting-started/simple-example.html">Simple Example</a>
|
53
|
+
</li>
|
54
|
+
|
55
|
+
</ul>
|
56
|
+
|
57
|
+
<h3>Properties</h3>
|
58
|
+
<ul class="pl-3">
|
59
|
+
|
60
|
+
<li>
|
61
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/properties/colors.html">Colors</a>
|
62
|
+
</li>
|
63
|
+
|
64
|
+
<li>
|
65
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/properties/spacings.html">Spacings</a>
|
66
|
+
</li>
|
67
|
+
|
68
|
+
<li>
|
69
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/properties/typography.html">Typography</a>
|
70
|
+
</li>
|
71
|
+
|
72
|
+
</ul>
|
73
|
+
|
74
|
+
<h3>Classes</h3>
|
75
|
+
<ul class="pl-3">
|
76
|
+
|
77
|
+
<li>
|
78
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/appearances.html">Appearances</a>
|
79
|
+
</li>
|
80
|
+
|
81
|
+
<li>
|
82
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/borders.html">Borders</a>
|
83
|
+
</li>
|
84
|
+
|
85
|
+
<li>
|
86
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/foreground-colors.html">Foreground Colors</a>
|
87
|
+
</li>
|
88
|
+
|
89
|
+
<li>
|
90
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/background-colors.html">Background Colors</a>
|
91
|
+
</li>
|
92
|
+
|
93
|
+
<li>
|
94
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/border-colors.html">Border Colors</a>
|
95
|
+
</li>
|
96
|
+
|
97
|
+
<li>
|
98
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/dimensions.html">Dimensions</a>
|
99
|
+
</li>
|
100
|
+
|
101
|
+
<li>
|
102
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/flex.html">Flex</a>
|
103
|
+
</li>
|
104
|
+
|
105
|
+
<li>
|
106
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/layout.html">Layout</a>
|
107
|
+
</li>
|
108
|
+
|
109
|
+
<li>
|
110
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/lists.html">Lists</a>
|
111
|
+
</li>
|
112
|
+
|
113
|
+
<li>
|
114
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/positioning.html">Positioning</a>
|
115
|
+
</li>
|
116
|
+
|
117
|
+
<li>
|
118
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/spacings.html">Spacings</a>
|
119
|
+
</li>
|
120
|
+
|
121
|
+
<li>
|
122
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/typography.html">Typography</a>
|
123
|
+
</li>
|
124
|
+
|
125
|
+
<li>
|
126
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/classes/junk-drawer.html">Junk Drawer</a>
|
127
|
+
</li>
|
128
|
+
|
129
|
+
</ul>
|
130
|
+
|
131
|
+
<h3>Customization</h3>
|
132
|
+
<ul class="pl-3">
|
133
|
+
|
134
|
+
<li>
|
135
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/customization/design-system.html">Design System</a>
|
136
|
+
</li>
|
137
|
+
|
138
|
+
<li>
|
139
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/customization/breakpoints.html">Breakpoints</a>
|
140
|
+
</li>
|
141
|
+
|
142
|
+
<li>
|
143
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/customization/pseudo-classes.html">Pseudo Classes</a>
|
144
|
+
</li>
|
145
|
+
|
146
|
+
<li>
|
147
|
+
<a class="black-ish tdu tdn-ns hover-tdu-ns" href="/brut-css/customization/advanced-configuration.html">Advanced Configuration</a>
|
148
|
+
</li>
|
149
|
+
|
150
|
+
</ul>
|
151
|
+
|
152
|
+
|
153
|
+
</nav>
|
154
|
+
<section class="overflow-y-auto pt-4 h-100 flex-grow-1 flex-shrink-1 flex-basis-0 flex flex-column">
|
155
|
+
<div class="ph-3 pv-2 flex items-start gap-2 justify-between">
|
156
|
+
|
157
|
+
<article>
|
158
|
+
<h2 class="f-5">Typography Custom Properties</h2>
|
159
|
+
<p class="p">
|
160
|
+
<p>Typography. These properties control fonts, font sizes, spacing, and other text-related values.</p>
|
161
|
+
|
162
|
+
</p>
|
163
|
+
|
164
|
+
|
165
|
+
<h3 class="f-5 mt-4" id="property-scale:font-size">Font Size</h3>
|
166
|
+
<p class="p">
|
167
|
+
<p>The modular scale of fonts. This is a ten-step scale with 0 being the smallest font, 2 being the body font, and 9 being the largest. These values should be enough for any text need.</p>
|
168
|
+
|
169
|
+
</p>
|
170
|
+
|
171
|
+
|
172
|
+
<h4 class="f-4 fw-3 mt-4" id="--fs-0"><code>--fs-0</code></h4>
|
173
|
+
<div class="ml-3">
|
174
|
+
<p class="p">
|
175
|
+
<p>The smallest size in the scale. This is intended for rare uses where you need text, but it’s readability is not paramount.</p>
|
176
|
+
|
177
|
+
</p>
|
178
|
+
|
179
|
+
<dl class="property-grid">
|
180
|
+
<dt>Type:</dt>
|
181
|
+
<dd>
|
182
|
+
<code>"<length>"</code>
|
183
|
+
</dd>
|
184
|
+
<dt>Value:</dt>
|
185
|
+
<dd>
|
186
|
+
<code>0.675rem</code>
|
187
|
+
</dd>
|
188
|
+
</dl>
|
189
|
+
</div>
|
190
|
+
|
191
|
+
<h4 class="f-4 fw-3 mt-4" id="--fs-1"><code>--fs-1</code></h4>
|
192
|
+
<div class="ml-3">
|
193
|
+
<p class="p">
|
194
|
+
<p>The second smallest size in the scale. This should be used frequently when smaller-than-body text is needed. This size should be readonable by most people on most screens, assuming proper contrast ratios</p>
|
195
|
+
|
196
|
+
</p>
|
197
|
+
|
198
|
+
<dl class="property-grid">
|
199
|
+
<dt>Type:</dt>
|
200
|
+
<dd>
|
201
|
+
<code>"<length>"</code>
|
202
|
+
</dd>
|
203
|
+
<dt>Value:</dt>
|
204
|
+
<dd>
|
205
|
+
<code>0.875rem</code>
|
206
|
+
</dd>
|
207
|
+
</dl>
|
208
|
+
</div>
|
209
|
+
|
210
|
+
<h4 class="f-4 fw-3 mt-4" id="--fs-2"><code>--fs-2</code></h4>
|
211
|
+
<div class="ml-3">
|
212
|
+
<p class="p">
|
213
|
+
<p>The standard body font size. Any normal text should be set in this and it should always be <code>1rem</code> so that it matches the browsers font size.</p>
|
214
|
+
|
215
|
+
</p>
|
216
|
+
|
217
|
+
<dl class="property-grid">
|
218
|
+
<dt>Type:</dt>
|
219
|
+
<dd>
|
220
|
+
<code>"<length>"</code>
|
221
|
+
</dd>
|
222
|
+
<dt>Value:</dt>
|
223
|
+
<dd>
|
224
|
+
<code>1rem</code>
|
225
|
+
</dd>
|
226
|
+
</dl>
|
227
|
+
</div>
|
228
|
+
|
229
|
+
<h4 class="f-4 fw-3 mt-4" id="--fs-3"><code>--fs-3</code></h4>
|
230
|
+
<div class="ml-3">
|
231
|
+
<p class="p">
|
232
|
+
<p>The third step in the font size scale, slightly bigger than the body font.</p>
|
233
|
+
|
234
|
+
</p>
|
235
|
+
|
236
|
+
<dl class="property-grid">
|
237
|
+
<dt>Type:</dt>
|
238
|
+
<dd>
|
239
|
+
<code>"<length>"</code>
|
240
|
+
</dd>
|
241
|
+
<dt>Value:</dt>
|
242
|
+
<dd>
|
243
|
+
<code>1.25rem</code>
|
244
|
+
</dd>
|
245
|
+
</dl>
|
246
|
+
</div>
|
247
|
+
|
248
|
+
<h4 class="f-4 fw-3 mt-4" id="--fs-4"><code>--fs-4</code></h4>
|
249
|
+
<div class="ml-3">
|
250
|
+
<p class="p">
|
251
|
+
<p>The fourth step in the font size scale, two steps larger than the body font.</p>
|
252
|
+
|
253
|
+
</p>
|
254
|
+
|
255
|
+
<dl class="property-grid">
|
256
|
+
<dt>Type:</dt>
|
257
|
+
<dd>
|
258
|
+
<code>"<length>"</code>
|
259
|
+
</dd>
|
260
|
+
<dt>Value:</dt>
|
261
|
+
<dd>
|
262
|
+
<code>1.5rem</code>
|
263
|
+
</dd>
|
264
|
+
</dl>
|
265
|
+
</div>
|
266
|
+
|
267
|
+
<h4 class="f-4 fw-3 mt-4" id="--fs-5"><code>--fs-5</code></h4>
|
268
|
+
<div class="ml-3">
|
269
|
+
<p class="p">
|
270
|
+
<p>The fifth step in the font size scale, three steps larger than the body font.</p>
|
271
|
+
|
272
|
+
</p>
|
273
|
+
|
274
|
+
<dl class="property-grid">
|
275
|
+
<dt>Type:</dt>
|
276
|
+
<dd>
|
277
|
+
<code>"<length>"</code>
|
278
|
+
</dd>
|
279
|
+
<dt>Value:</dt>
|
280
|
+
<dd>
|
281
|
+
<code>2.25rem</code>
|
282
|
+
</dd>
|
283
|
+
</dl>
|
284
|
+
</div>
|
285
|
+
|
286
|
+
<h4 class="f-4 fw-3 mt-4" id="--fs-6"><code>--fs-6</code></h4>
|
287
|
+
<div class="ml-3">
|
288
|
+
<p class="p">
|
289
|
+
<p>The sixth step in the font size scale, four steps larger than the body font.</p>
|
290
|
+
|
291
|
+
</p>
|
292
|
+
|
293
|
+
<dl class="property-grid">
|
294
|
+
<dt>Type:</dt>
|
295
|
+
<dd>
|
296
|
+
<code>"<length>"</code>
|
297
|
+
</dd>
|
298
|
+
<dt>Value:</dt>
|
299
|
+
<dd>
|
300
|
+
<code>3rem</code>
|
301
|
+
</dd>
|
302
|
+
</dl>
|
303
|
+
</div>
|
304
|
+
|
305
|
+
<h4 class="f-4 fw-3 mt-4" id="--fs-7"><code>--fs-7</code></h4>
|
306
|
+
<div class="ml-3">
|
307
|
+
<p class="p">
|
308
|
+
<p>The seventh step in the font size scale, five steps larger than the body font.</p>
|
309
|
+
|
310
|
+
</p>
|
311
|
+
|
312
|
+
<dl class="property-grid">
|
313
|
+
<dt>Type:</dt>
|
314
|
+
<dd>
|
315
|
+
<code>"<length>"</code>
|
316
|
+
</dd>
|
317
|
+
<dt>Value:</dt>
|
318
|
+
<dd>
|
319
|
+
<code>4.25rem</code>
|
320
|
+
</dd>
|
321
|
+
</dl>
|
322
|
+
</div>
|
323
|
+
|
324
|
+
<h4 class="f-4 fw-3 mt-4" id="--fs-8"><code>--fs-8</code></h4>
|
325
|
+
<div class="ml-3">
|
326
|
+
<p class="p">
|
327
|
+
<p>The eighth step in the font size scale, six steps larger than the body font.</p>
|
328
|
+
|
329
|
+
</p>
|
330
|
+
|
331
|
+
<dl class="property-grid">
|
332
|
+
<dt>Type:</dt>
|
333
|
+
<dd>
|
334
|
+
<code>"<length>"</code>
|
335
|
+
</dd>
|
336
|
+
<dt>Value:</dt>
|
337
|
+
<dd>
|
338
|
+
<code>5rem</code>
|
339
|
+
</dd>
|
340
|
+
</dl>
|
341
|
+
</div>
|
342
|
+
|
343
|
+
<h4 class="f-4 fw-3 mt-4" id="--fs-9"><code>--fs-9</code></h4>
|
344
|
+
<div class="ml-3">
|
345
|
+
<p class="p">
|
346
|
+
<p>The largest font in the scale.</p>
|
347
|
+
|
348
|
+
</p>
|
349
|
+
|
350
|
+
<dl class="property-grid">
|
351
|
+
<dt>Type:</dt>
|
352
|
+
<dd>
|
353
|
+
<code>"<length>"</code>
|
354
|
+
</dd>
|
355
|
+
<dt>Value:</dt>
|
356
|
+
<dd>
|
357
|
+
<code>6rem</code>
|
358
|
+
</dd>
|
359
|
+
</dl>
|
360
|
+
</div>
|
361
|
+
|
362
|
+
|
363
|
+
<h3 class="f-5 mt-4" id="property-group:font-family">Font Family</h3>
|
364
|
+
<p class="p">
|
365
|
+
<p>Font families. You will likely want to customize these. If you are using non-system fonts, you’ll need to make sure to set up <code>@font-face</code> rules in your CSS. If you need to use different fonts at different weights, you should be able to achievec this with multiple <code>@font-face</code> rules that use the same <code>font-family</code>, but different <code>font-weight</code> values.</p>
|
366
|
+
|
367
|
+
</p>
|
368
|
+
|
369
|
+
|
370
|
+
<h4 class="f-4 fw-3 mt-4" id="--ff-sans"><code>--ff-sans</code></h4>
|
371
|
+
<div class="ml-3">
|
372
|
+
<p class="p">
|
373
|
+
<p>Sans-serif font stack, based on “Geometric Humanist” from <a href="https://modernfontstacks.com/">Modern Font Stacks</a></p>
|
374
|
+
|
375
|
+
</p>
|
376
|
+
|
377
|
+
<dl class="property-grid">
|
378
|
+
<dt>Type:</dt>
|
379
|
+
<dd>
|
380
|
+
<code>"<string>#"</code>
|
381
|
+
</dd>
|
382
|
+
<dt>Value:</dt>
|
383
|
+
<dd>
|
384
|
+
<code>Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif</code>
|
385
|
+
</dd>
|
386
|
+
</dl>
|
387
|
+
</div>
|
388
|
+
|
389
|
+
<h4 class="f-4 fw-3 mt-4" id="--ff-serif"><code>--ff-serif</code></h4>
|
390
|
+
<div class="ml-3">
|
391
|
+
<p class="p">
|
392
|
+
<p>Serif font stack, based on “Transitional” from <a href="https://modernfontstacks.com/">Modern Font Stacks</a></p>
|
393
|
+
|
394
|
+
</p>
|
395
|
+
|
396
|
+
<dl class="property-grid">
|
397
|
+
<dt>Type:</dt>
|
398
|
+
<dd>
|
399
|
+
<code>"<string>#"</code>
|
400
|
+
</dd>
|
401
|
+
<dt>Value:</dt>
|
402
|
+
<dd>
|
403
|
+
<code>Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif</code>
|
404
|
+
</dd>
|
405
|
+
</dl>
|
406
|
+
</div>
|
407
|
+
|
408
|
+
<h4 class="f-4 fw-3 mt-4" id="--ff-mono"><code>--ff-mono</code></h4>
|
409
|
+
<div class="ml-3">
|
410
|
+
<p class="p">
|
411
|
+
<p>Monospaced font stack, based on “Monospace Slab Serif” from <a href="https://modernfontstacks.com/">Modern Font Stacks</a></p>
|
412
|
+
|
413
|
+
</p>
|
414
|
+
|
415
|
+
<dl class="property-grid">
|
416
|
+
<dt>Type:</dt>
|
417
|
+
<dd>
|
418
|
+
<code>"<string>#"</code>
|
419
|
+
</dd>
|
420
|
+
<dt>Value:</dt>
|
421
|
+
<dd>
|
422
|
+
<code>'Nimbus Mono PS', 'Courier New', monospace</code>
|
423
|
+
</dd>
|
424
|
+
</dl>
|
425
|
+
</div>
|
426
|
+
|
427
|
+
<h4 class="f-4 fw-3 mt-4" id="--ff-cursive"><code>--ff-cursive</code></h4>
|
428
|
+
<div class="ml-3">
|
429
|
+
<p class="p">
|
430
|
+
<p>Cursive font stack, based on “Handwritten” from <a href="https://modernfontstacks.com/">Modern Font Stacks</a></p>
|
431
|
+
|
432
|
+
</p>
|
433
|
+
|
434
|
+
<dl class="property-grid">
|
435
|
+
<dt>Type:</dt>
|
436
|
+
<dd>
|
437
|
+
<code>"<string>#"</code>
|
438
|
+
</dd>
|
439
|
+
<dt>Value:</dt>
|
440
|
+
<dd>
|
441
|
+
<code>'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive</code>
|
442
|
+
</dd>
|
443
|
+
</dl>
|
444
|
+
</div>
|
445
|
+
|
446
|
+
<h4 class="f-4 fw-3 mt-4" id="--ff-fantasy"><code>--ff-fantasy</code></h4>
|
447
|
+
<div class="ml-3">
|
448
|
+
<p class="p">
|
449
|
+
<p>Fantasy font stack</p>
|
450
|
+
|
451
|
+
</p>
|
452
|
+
|
453
|
+
<dl class="property-grid">
|
454
|
+
<dt>Type:</dt>
|
455
|
+
<dd>
|
456
|
+
<code>"<string>#"</code>
|
457
|
+
</dd>
|
458
|
+
<dt>Value:</dt>
|
459
|
+
<dd>
|
460
|
+
<code>'Party Let', fantasy</code>
|
461
|
+
</dd>
|
462
|
+
</dl>
|
463
|
+
</div>
|
464
|
+
|
465
|
+
|
466
|
+
<h3 class="f-5 mt-4" id="property-scale:indent">Indent</h3>
|
467
|
+
<p class="p">
|
468
|
+
<p>Indents. The are three indent levels, which should be sufficient for most needs. 1 is the least amount of indent and three is the most.</p>
|
469
|
+
|
470
|
+
</p>
|
471
|
+
|
472
|
+
|
473
|
+
<h4 class="f-4 fw-3 mt-4" id="--indent-1"><code>--indent-1</code></h4>
|
474
|
+
<div class="ml-3">
|
475
|
+
<p class="p">
|
476
|
+
<p>Smallest indent of the scale</p>
|
477
|
+
|
478
|
+
</p>
|
479
|
+
|
480
|
+
<dl class="property-grid">
|
481
|
+
<dt>Type:</dt>
|
482
|
+
<dd>
|
483
|
+
<code>"<length>"</code>
|
484
|
+
</dd>
|
485
|
+
<dt>Value:</dt>
|
486
|
+
<dd>
|
487
|
+
<code>1em</code>
|
488
|
+
</dd>
|
489
|
+
</dl>
|
490
|
+
</div>
|
491
|
+
|
492
|
+
<h4 class="f-4 fw-3 mt-4" id="--indent-2"><code>--indent-2</code></h4>
|
493
|
+
<div class="ml-3">
|
494
|
+
<p class="p">
|
495
|
+
<p>Middle indent of the scale</p>
|
496
|
+
|
497
|
+
</p>
|
498
|
+
|
499
|
+
<dl class="property-grid">
|
500
|
+
<dt>Type:</dt>
|
501
|
+
<dd>
|
502
|
+
<code>"<length>"</code>
|
503
|
+
</dd>
|
504
|
+
<dt>Value:</dt>
|
505
|
+
<dd>
|
506
|
+
<code>1.5em</code>
|
507
|
+
</dd>
|
508
|
+
</dl>
|
509
|
+
</div>
|
510
|
+
|
511
|
+
<h4 class="f-4 fw-3 mt-4" id="--indent-3"><code>--indent-3</code></h4>
|
512
|
+
<div class="ml-3">
|
513
|
+
<p class="p">
|
514
|
+
<p>Largest indent of the scale</p>
|
515
|
+
|
516
|
+
</p>
|
517
|
+
|
518
|
+
<dl class="property-grid">
|
519
|
+
<dt>Type:</dt>
|
520
|
+
<dd>
|
521
|
+
<code>"<length>"</code>
|
522
|
+
</dd>
|
523
|
+
<dt>Value:</dt>
|
524
|
+
<dd>
|
525
|
+
<code>2em</code>
|
526
|
+
</dd>
|
527
|
+
</dl>
|
528
|
+
</div>
|
529
|
+
|
530
|
+
|
531
|
+
<h3 class="f-5 mt-4" id="property-scale:text-width">Text Width</h3>
|
532
|
+
<p class="p">
|
533
|
+
<p>Text width. This is not a numeric scale, but rather a semantic one. There is a standard width for text, then a wider one and a narrow one. That will suffice for most needs.</p>
|
534
|
+
|
535
|
+
</p>
|
536
|
+
|
537
|
+
|
538
|
+
<h4 class="f-4 fw-3 mt-4" id="--tw"><code>--tw</code></h4>
|
539
|
+
<div class="ml-3">
|
540
|
+
<p class="p">
|
541
|
+
<p>A text width suitable for any copy that a person is going to read.</p>
|
542
|
+
|
543
|
+
</p>
|
544
|
+
|
545
|
+
<dl class="property-grid">
|
546
|
+
<dt>Type:</dt>
|
547
|
+
<dd>
|
548
|
+
<code>"<length>"</code>
|
549
|
+
</dd>
|
550
|
+
<dt>Value:</dt>
|
551
|
+
<dd>
|
552
|
+
<code>60ch</code>
|
553
|
+
</dd>
|
554
|
+
</dl>
|
555
|
+
</div>
|
556
|
+
|
557
|
+
<h4 class="f-4 fw-3 mt-4" id="--tw-wide"><code>--tw-wide</code></h4>
|
558
|
+
<div class="ml-3">
|
559
|
+
<p class="p">
|
560
|
+
<p>A text width that is still readable, but slightly wider.</p>
|
561
|
+
|
562
|
+
</p>
|
563
|
+
|
564
|
+
<dl class="property-grid">
|
565
|
+
<dt>Type:</dt>
|
566
|
+
<dd>
|
567
|
+
<code>"<length>"</code>
|
568
|
+
</dd>
|
569
|
+
<dt>Value:</dt>
|
570
|
+
<dd>
|
571
|
+
<code>75ch</code>
|
572
|
+
</dd>
|
573
|
+
</dl>
|
574
|
+
</div>
|
575
|
+
|
576
|
+
<h4 class="f-4 fw-3 mt-4" id="--tw-narrow"><code>--tw-narrow</code></h4>
|
577
|
+
<div class="ml-3">
|
578
|
+
<p class="p">
|
579
|
+
<p>A text width that is still readable, but slightly narrower.</p>
|
580
|
+
|
581
|
+
</p>
|
582
|
+
|
583
|
+
<dl class="property-grid">
|
584
|
+
<dt>Type:</dt>
|
585
|
+
<dd>
|
586
|
+
<code>"<length>"</code>
|
587
|
+
</dd>
|
588
|
+
<dt>Value:</dt>
|
589
|
+
<dd>
|
590
|
+
<code>50ch</code>
|
591
|
+
</dd>
|
592
|
+
</dl>
|
593
|
+
</div>
|
594
|
+
|
595
|
+
|
596
|
+
<h3 class="f-5 mt-4" id="property-scale:letter-spacing">Letter Spacing</h3>
|
597
|
+
<p class="p">
|
598
|
+
<p>Letter spacing values. These are not in a numeric scale, but rather a semantic one. You likely don’t need a lot of possible values, so these four should be sufficient for most needs.</p>
|
599
|
+
|
600
|
+
</p>
|
601
|
+
|
602
|
+
|
603
|
+
<h4 class="f-4 fw-3 mt-4" id="--ls-tracked"><code>--ls-tracked</code></h4>
|
604
|
+
<div class="ml-3">
|
605
|
+
<p class="p">
|
606
|
+
<p>A slightly more spread out letter spacing, perhaps to make all-caps more readable.</p>
|
607
|
+
|
608
|
+
</p>
|
609
|
+
|
610
|
+
<dl class="property-grid">
|
611
|
+
<dt>Type:</dt>
|
612
|
+
<dd>
|
613
|
+
<code>"<length> | normal"</code>
|
614
|
+
</dd>
|
615
|
+
<dt>Value:</dt>
|
616
|
+
<dd>
|
617
|
+
<code>0.1em</code>
|
618
|
+
</dd>
|
619
|
+
</dl>
|
620
|
+
</div>
|
621
|
+
|
622
|
+
<h4 class="f-4 fw-3 mt-4" id="--ls-tight"><code>--ls-tight</code></h4>
|
623
|
+
<div class="ml-3">
|
624
|
+
<p class="p">
|
625
|
+
<p>A slightly tight letter spacing</p>
|
626
|
+
|
627
|
+
</p>
|
628
|
+
|
629
|
+
<dl class="property-grid">
|
630
|
+
<dt>Type:</dt>
|
631
|
+
<dd>
|
632
|
+
<code>"<length> | normal"</code>
|
633
|
+
</dd>
|
634
|
+
<dt>Value:</dt>
|
635
|
+
<dd>
|
636
|
+
<code>-0.05em</code>
|
637
|
+
</dd>
|
638
|
+
</dl>
|
639
|
+
</div>
|
640
|
+
|
641
|
+
<h4 class="f-4 fw-3 mt-4" id="--ls-mega"><code>--ls-mega</code></h4>
|
642
|
+
<div class="ml-3">
|
643
|
+
<p class="p">
|
644
|
+
<p>A pronounced wide letter spacing</p>
|
645
|
+
|
646
|
+
</p>
|
647
|
+
|
648
|
+
<dl class="property-grid">
|
649
|
+
<dt>Type:</dt>
|
650
|
+
<dd>
|
651
|
+
<code>"<length> | normal"</code>
|
652
|
+
</dd>
|
653
|
+
<dt>Value:</dt>
|
654
|
+
<dd>
|
655
|
+
<code>0.25em</code>
|
656
|
+
</dd>
|
657
|
+
</dl>
|
658
|
+
</div>
|
659
|
+
|
660
|
+
<h4 class="f-4 fw-3 mt-4" id="--ls-none"><code>--ls-none</code></h4>
|
661
|
+
<div class="ml-3">
|
662
|
+
<p class="p">
|
663
|
+
<p>Normal/default letter spacing.</p>
|
664
|
+
|
665
|
+
</p>
|
666
|
+
|
667
|
+
<dl class="property-grid">
|
668
|
+
<dt>Type:</dt>
|
669
|
+
<dd>
|
670
|
+
<code>"<length> | normal"</code>
|
671
|
+
</dd>
|
672
|
+
<dt>Value:</dt>
|
673
|
+
<dd>
|
674
|
+
<code>normal</code>
|
675
|
+
</dd>
|
676
|
+
</dl>
|
677
|
+
</div>
|
678
|
+
|
679
|
+
|
680
|
+
<h3 class="f-5 mt-4" id="property-scale:line-height">Line Height</h3>
|
681
|
+
<p class="p">
|
682
|
+
<p>Line height/leading values. These are not in a numeric scale, but rather a semantic one. There is a value for copy, one for titles, and one for solid text blocks. These should suffice for most situations.</p>
|
683
|
+
|
684
|
+
</p>
|
685
|
+
|
686
|
+
|
687
|
+
<h4 class="f-4 fw-3 mt-4" id="--lh-solid"><code>--lh-solid</code></h4>
|
688
|
+
<div class="ml-3">
|
689
|
+
<p class="p">
|
690
|
+
<p>Line height used for solid/compact text</p>
|
691
|
+
|
692
|
+
</p>
|
693
|
+
|
694
|
+
<dl class="property-grid">
|
695
|
+
<dt>Type:</dt>
|
696
|
+
<dd>
|
697
|
+
<code>"<length>|<number>|<percentage>|normal"</code>
|
698
|
+
</dd>
|
699
|
+
<dt>Value:</dt>
|
700
|
+
<dd>
|
701
|
+
<code>1</code>
|
702
|
+
</dd>
|
703
|
+
</dl>
|
704
|
+
</div>
|
705
|
+
|
706
|
+
<h4 class="f-4 fw-3 mt-4" id="--lh-title"><code>--lh-title</code></h4>
|
707
|
+
<div class="ml-3">
|
708
|
+
<p class="p">
|
709
|
+
<p>Line height used for titles</p>
|
710
|
+
|
711
|
+
</p>
|
712
|
+
|
713
|
+
<dl class="property-grid">
|
714
|
+
<dt>Type:</dt>
|
715
|
+
<dd>
|
716
|
+
<code>"<length>|<number>|<percentage>|normal"</code>
|
717
|
+
</dd>
|
718
|
+
<dt>Value:</dt>
|
719
|
+
<dd>
|
720
|
+
<code>1.25</code>
|
721
|
+
</dd>
|
722
|
+
</dl>
|
723
|
+
</div>
|
724
|
+
|
725
|
+
<h4 class="f-4 fw-3 mt-4" id="--lh-copy"><code>--lh-copy</code></h4>
|
726
|
+
<div class="ml-3">
|
727
|
+
<p class="p">
|
728
|
+
<p>Line height used for copy</p>
|
729
|
+
|
730
|
+
</p>
|
731
|
+
|
732
|
+
<dl class="property-grid">
|
733
|
+
<dt>Type:</dt>
|
734
|
+
<dd>
|
735
|
+
<code>"<length>|<number>|<percentage>|normal"</code>
|
736
|
+
</dd>
|
737
|
+
<dt>Value:</dt>
|
738
|
+
<dd>
|
739
|
+
<code>1.5</code>
|
740
|
+
</dd>
|
741
|
+
</dl>
|
742
|
+
</div>
|
743
|
+
|
744
|
+
|
745
|
+
</article>
|
746
|
+
<div class="z-5 ma-0 overflow-y-auto pa-2 w-20 h-100 pos-absolute top-0 right-2">
|
747
|
+
<div class="pa-3 ba bc-gray-700 bg-gray-900 br-3 shadow-1 ridiculous-liquid-glass-is-all-the-rage">
|
748
|
+
<h3>On this Page</h3>
|
749
|
+
<ul class="lst-none ma-0 pa-0">
|
750
|
+
|
751
|
+
<li class="lh-copy"><a href="#property-scale:font-size">Font Size</a></li>
|
752
|
+
|
753
|
+
<li class="lh-copy"><a href="#property-group:font-family">Font Family</a></li>
|
754
|
+
|
755
|
+
<li class="lh-copy"><a href="#property-scale:indent">Indent</a></li>
|
756
|
+
|
757
|
+
<li class="lh-copy"><a href="#property-scale:text-width">Text Width</a></li>
|
758
|
+
|
759
|
+
<li class="lh-copy"><a href="#property-scale:letter-spacing">Letter Spacing</a></li>
|
760
|
+
|
761
|
+
<li class="lh-copy"><a href="#property-scale:line-height">Line Height</a></li>
|
762
|
+
|
763
|
+
</ul>
|
764
|
+
</div>
|
765
|
+
</div>
|
766
|
+
</div>
|
767
|
+
<footer class="bg-black white mt-auto">
|
768
|
+
<p class="tc">
|
769
|
+
Copyright © 2025 David Bryant Copeland.
|
770
|
+
</p>
|
771
|
+
</footer>
|
772
|
+
</section>
|
773
|
+
</main>
|
774
|
+
</body>
|
775
|
+
|
776
|
+
</html>
|
777
|
+
|