to-title-case
style-dictionary
| to-title-case | style-dictionary | |
|---|---|---|
| 2 | 5 | |
| 361 | 3,659 | |
| - | 1.4% | |
| 0.0 | 6.3 | |
| over 1 year ago | 1 day ago | |
| JavaScript | JavaScript | |
| MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
to-title-case
-
"Smart title case" Action / Perl or JS help please
A good starting point would be a JavaScript case converter by David Gouch. The code looks very neat, but I couldn't get it to work because I am not a programmer and I don't know how to get the input correctly in the context of a LaunchBar Action.
-
improving perchance's titleCase output
i've had good results using this as an embedded script in the html panel to handle title case for me: https://github.com/gouch/to-title-case
style-dictionary
-
Syncing Figma Variables and StyleDictionary with GitHub Actions
function getStyleDictionaryConfig(brand) { return { source: [`tokens/brands/${brand}/*.json`, 'tokens/globals/**/*.json'], platforms: { /** * Available platforms: https://amzn.github.io/style-dictionary/#/config?id=platform */ web: { transformGroup: 'web', buildPath: `build/web/${brand}/`, files: [ { destination: 'tokens.scss', format: 'scss/variables', }, ], }, }, } } /** * Build the tokens for each brand. * {@see - Example based on https://github.com/amzn/style-dictionary/tree/main/examples/advanced/multi-brand-multi-platform} */ ['microsoft', 'xbox'].map(function (brand) { ['web'].map(function (platform) { const StyleDictionary = StyleDictionaryPackage.extend( getStyleDictionaryConfig(brand), ) StyleDictionary.buildPlatform(platform) }) })
-
Specify VS Style Dictionary
Check out the official examples projects provided by Style Dictionary. In our case, we just used the basic example 👍
-
Any wait to generate a full JSON of tailwind?
Did you know about Style Dictionary https://github.com/amzn/style-dictionary Its a tool that creates Design Tokens for different platforms using a JSON file. Sounds similar to what you are trying to achieve.
- This is my favorite Github issue 🦎
-
Introduction to Variabless
Cool. Can you compare this to https://github.com/amzn/style-dictionary?
What are some alternatives?
easy-speech - 🔊 Cross browser Speech Synthesis also known as Text to speech or TTS; no dependencies; uses Web Speech API
theo - Theo is a an abstraction for transforming and formatting Design Tokens
Awesome-Design-Tokens - A list of resources on all things to do with Design Tokens
a11y-color-tokens - Generate accessible UI colors from your base color tokens.
community-group - This is the official DTCG repository for the design tokens specification.
Awesome-Design-Tools - The best design tools and plugins for everything 👉
variabless - JS & CSS - A Match Made in Heaven 💎
cmake-js - CMake.js - a Node.js native addon build tool
What-is-Entry-Webpack-5 - What is Entry - Webpack 5
parsers - Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
design-tokens - A place where OpenTable engineers and designers openly work together
starter-workflows - Accelerating new GitHub Actions workflows