Clojure(Script) library for styling user interface components with ease.
MIT License
Published by Jarzka over 6 years ago
Published by Jarzka over 6 years ago
Previously, the second parameter of use-style was an options map, containing only one keyword ::stylefy/with-classes. This feature is now deprecated, but works. If you want to provide additional classes to use-style, you should use the regular HTML :class attribute.
Published by Jarzka almost 7 years ago
See readme for more info.
Published by Jarzka almost 7 years ago
Published by Jarzka about 7 years ago
Published by Jarzka about 7 years ago
Now that all major CSS features are supported, it's time to release version 1.0!
As always, all changes should be backwards compatible.
Published by Jarzka over 7 years ago
Published by Jarzka over 7 years ago
Thanks to @lllShamanlll for this idea!
Published by Jarzka over 7 years ago
Published by Jarzka over 7 years ago
It's good to keep in mind that most of the time prepare-styles is not needed but calling use-style should be enough.
Published by Jarzka over 7 years ago
Previously, calling stylefy/init started requesting an animation frame to do the same process. However, it is useful to generate CSS code immediately so that font-faces, keyframes and custom classes are ready in the DOM before the first component is rendered.
Published by Jarzka over 7 years ago
Useful when working with 3rd party libraries / frameworks. use-style should still be used when ever possible.
Published by Jarzka over 7 years ago
Normally, when a style definition constains modes, the component is hidden until the generated CSS has been added to DOM. However, :hover mode does not change the initial state of the component, so it can be rendered with inline style until DOM is ready and class can be used.
Published by Jarzka over 7 years ago
Published by Jarzka over 7 years ago
This helps the component to take all the space it's going to need
Published by Jarzka over 7 years ago
This change was made because some browsers (Chrome) lose the font-face declaration when the style tag is updated. Since font-face and keyframes are not going to change, we keep them in a separate style tag which is not going to change.
Published by Jarzka over 7 years ago
This change has been made, because media queries and modes cannot be used in inline styles, so the components are probably going to be rendered incorrectly. It is better to hide them for the few milliseconds until DOM is ready.
Published by Jarzka over 7 years ago
For example, IE11 requires that animation is present in DOM before it can be correctly used in a component.
Published by Jarzka over 7 years ago
Published by Jarzka over 7 years ago