isomorphic-style-loader - CSS style loader for Webpack that is optimized for isomorphic (universal) web apps

•    Javascript

---

CSS style loader for Webpack that works similarly to style-loader, but is optimized for critical path CSS rendering and also works great in the context of isomorphic apps. It provides two helper methods on to the styles object - ._insertCss() (injects CSS into the DOM) and ._getCss() (returns a CSS string).Note: Configuration is the same for both client-side and server-side bundles. For more information visit https://webpack.js.org/configuration/module/.

webpack webpack-loader loader css scss style styles style-loader react reactjs isomorphic universal critical-css critical-path-css

react-with-styles - Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

•    Javascript

---

Use CSS-in-JavaScript for your React components without being tightly coupled to one implementation (e.g. Aphrodite, Radium, or React Native). Easily access shared theme information (e.g. colors, fonts) when defining your styles.Create a module that exports an object with shared theme information like colors.

react css css-in-js styles aphrodite radium inline native

chalk-animation - :clapper: Colorful animations in terminal output

•    Javascript

---

You can stop and resume an animation with stop() and start().When created, the instance of chalkAnimation starts automatically.

nodejs npm-package chalk animation terminal console color cli colors colour command-line formatting gradient log logging rainbow shell string style styles

grunt-contrib-cssmin - Compress CSS files.

•    Javascript

---

Issues with the output should be reported on the clean-css issue tracker. Run this task with the grunt cssmin command.

gruntplugin cssmin css style styles stylesheet minify compress

postcss-font-magician - Magically generate all the @font-face rules

•    Javascript

---

Font Magician is a PostCSS plugin that magically generates all of your @font-face rules. Never write a @font-face rule again. Just use the font and font-family properties as if they were magic.

postcss css postcss-plugin fonts faces generate generation weights styles variants typography type

emotion - style as a function of state

•    Javascript

---

Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production. Get up and running with a single import.

css-in-js babel-plugin react reactjs css emotion styles

object-fit-images - 🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari,

•    Javascript

---

🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ... To generate the font-family automatically, you can use the PostCSS plugin or the SCSS/SASS/Less mixins.

polyfill css js edge ie images object-fit covers contains styles internet explorer ies shim shiv fills srcset backgrounds

colorette - Node.js library for colorizing text using ANSI escape sequences

•    Javascript

---

Colorette is a Node.js library for colorizing text using ANSI escape sequences. Import the style functions you want to use.

terminal colorette styles colors ansi color

less.js - Less. The dynamic stylesheet language.

•    Javascript

---

The dynamic stylesheet language. http://lesscss.org. This is the JavaScript, official, stable version of Less.

compile-less css-nesting css-variable css gradients-css gradients-css3 less-compiler less-css less-mixins less less.js lesscss mixins nested-css parser preprocessor bootstrap-css bootstrap-less style styles stylesheet variables-in-css css-less

object-fit-images - 🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari,

•    Javascript

---

🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ... To generate the font-family automatically, you can use the PostCSS plugin or the SCSS/SASS/Less mixins.

polyfill css js edge ie images backgrounds contains covers explorer fills ies internet object-fit shim shiv srcset styles

react-native-typography - Pixel–perfect, native–looking typographic styles for React Native ✒️

•    Javascript

---

Pixel–perfect, native–looking typographic styles for React Native. Creating great Text Styles in React Native is not a simple task, it requires a lot of fiddling and handling edge cases.

react react-native typography typography-themes ios android style styles typeface font

dropcss - An exceptionally fast, thorough and tiny unused-CSS cleaner

•    HTML

---

DropCSS takes your HTML and CSS as input and returns only the used CSS as output. Its custom HTML and CSS parsers are highly optimized for the 99% use case and thus avoid the overhead of handling malformed markup or stylesheets, so well-formed input is required. There is minimal handling for complex escaping rules, so there will always exist cases of valid input that cannot be processed by DropCSS; for these infrequent cases, please start a discussion. While the HTML spec allows html, head, body and tbody to be implied/omitted, DropCSS makes no such assumptions; selectors will only be retained for tags that can be parsed from provided markup. It's also a good idea to run your CSS through a structural optimizer like clean-css, csso, cssnano or crass to re-group selectors, merge redundant rules, etc. It probably makes sense to do this after DropCSS, which can leave redundant blocks, e.g. .foo, .bar { color: red; } .bar { width: 50%; } -> .bar { color: red; } .bar { width: 50%; } if .foo is absent from your markup.

css optimization clean purge styles remove unused

paris - Define and apply styles to Android views programmatically

•    Kotlin

---

Paris lets you define and apply styles programmatically to Android views, including custom attributes. To use Paris in a library module see Library Modules.

android android-ui styles design-systems kotlin

mdcss - Easily create and maintain style guides using CSS comments

•    Javascript

---

mdcss lets you easily create and maintain style guides with CSS comments using Markdown.

postcss css postcss-plugin styles styleguides documentation docs notes texts markdown mds examples colors markups sections

css-to-react-native - Convert CSS text to a React Native stylesheet object

•    Javascript

---

Converts CSS text to a React Native stylesheet object. Converts all number-like values to numbers, and string-like to strings.

styled-components react reactnative styles css

learn-tachyons - :heart_eyes: Learn how to use Tachyons to craft beautiful, responsive, functional and fast UI with minimal CSS!

•    HTML

---

Learn how to use Tachyons to craft beautiful, 100% responsive, functional and fast User Interface/Experience (UI/UX) with minimal CSS in much less time. The User Interface (UI) or User Experience (UX) is the part of your application that the people ("end users") see and interact with. Ensuring that the UI/UX is the best it can be, is easily the top priority for our Web/Mobile projects.

mobile-first beautiful functional fast css style styles learn beginner tutorial how-to

react-inline - Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e

•    Javascript

---

Note: Thanks to the new possibilities of Babel v6+, there's also my babel-plugin-css-in-js project, which works exactly the same but doesn't require a separate CLI/API. If you're using Babel for code transpilation, just put babel-plugin-css-in-js in your build pipeline. Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e.g. the className prop of React elements.

react style styles stylesheet inline bundle extract css

WPF : Styling a Combobox, Button and a TabItem

•    

---

WPF Styles project shows how to create styles for Combobox, Tabltem and Button. Ready to use styles. Can be modified. Created in VB.net(loading the style file).

button button-style combobox combobox-style combobox-template styles tab-item

SGB Controls

•    

---

SGB Controls is a set of standard .net controls that include a number of enhancements to make life easier for the developer. These controls include a number of enhancements over the standard controls and introduce a number of new controls not yet shipped with the .net framk...

button-style controls library listbox styles textbox

styled-components-theme - Defines themes via flexible color selectors for use with styled-components

•    Javascript

---

styled-components-theme generates selectors for colors in your styled-components theme that allows color manipulation, using the color library via calls on the selectors themselves. A selector, in this context, is defined as a function that looks like (props) => props.theme.myColor that the styled-components library accepts as a template variable.

styled-components css react js styles scss styling color-manipulation theme-color themes manipulation-methods sass selector theme theming colors