A simple fluid-type sizing wrapper element to apply to anything A web component implementation of this article https://andy-bell.design/wrote/custom-property-controlled-fluid-type-sizing/
To use this web component in your project you can utilize one of the following styles of syntax.
/* In an existing JS module / web component */;/* At top of an application with build routine */<script type="module" src="@lrnwebcomponents/fluid-type/fluid-type.js"></script>/* Alternatives for top of application */<script type="module">;// if you don't have a build routine and need to reference directly;</script>// via unpkg CDN (good for testing)<script type="module" src=""></script>
HTML / CSS
This is fluid-type
Develop / Demo
yarn start will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the
/src directory for changes and automatically rebuilding the element and documentation site for the demo.
$ yarn start
$ yarn run test
Builds ensure that wcfactory can correctly compile your web component project to work on the maximum number of browsers possible.
$ yarn run build
- Fork it!
git clone https://github.com/elmsln/lrnwebcomponents.git
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
Type (and all lrnwebcomponents) use Prettier to auto-format JS and JSON. The style rules get applied when you commit a change. If you choose to, you can integrate your editor with Prettier to have the style rules applied on every save.