@instructure/postcss-themeable-styles
Advanced tools
For use with @instructure/babel-plugin-themeable-styles, converts CSS variables into ES template tokens:
Given:
/* style.css */
.root {
background: var(--background);
color: var(--color);
&:hover {
background: var(--hoverBackground);
color: var(--hoverColor);
}
}
Output:
/* style.css */
.root {
background: ${theme.background};
color: ${theme.color};
&:hover {
background: ${theme.hoverBackground};
color: ${theme.hoverColor};
}
}
yarn add --dev @instructure/postcss-themeable-styles
postcss([ require('@instructure/postcss-themeable-styles') ])
4.0.0 (2017-10-13)
The two major themes of the 4.0 release are mono-repo and documentation!
In 4.0 we've split the instructure-ui library into a bunch of smaller libraries
and we're publishing them all as separate modules to NPM.
This should make it easier to upgrade going forward. (e.g you can upgrade to a patch or minor release of @instructure/ui-core without upgrading @instructure/ui-themeable).
Unfortunately this also means that paths for imports will have to change when applying this upgrade.
However, the codemod script provided by @instructure/ui-codemods
should help with that, and you can see what paths have changed in the ui-core/config/imports.config.json file.
The @instructure/ui-docs-plugin module has gotten an overhaul and now supports JSDoc and generates documentation from any file format that supports JS style code blocks, in addition to markdown.
All of the utilities, and packages have been documented, so finding your way around the libraries and seeing how they fit together should be a lot easier.
render: false as front matter inside the code blockinverse: true as front matter inside
the code blocklarge and small
simple RadioInputs and Checkboxes have changed. In
particular, Checkbox toggles have gone from using the
same font-size for every size to changing the
font-size based on the size prop (to be
consistent with other InstUI components).unstyled variant won't have margins.<a name="3.4.0"></a>
FAQs
PostCSS plugin for themeable component styles
The npm package @instructure/postcss-themeable-styles receives a total of 976 weekly downloads. As such, @instructure/postcss-themeable-styles popularity was classified as not popular.
We found that @instructure/postcss-themeable-styles demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 28 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.