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-cssNeat is a fluid grid framework with the aim of being easy enough to use out of the box and flexible enough to customize down the road. Alternatively, you can install Neat with Bower.
scss sass grid bourbon grid-framework css bourbon-family columns layout media media-queries neat queries semantic eyeglass-moduleFollow the @bourbonsass Twitter account for updates. It’s recommended that you use Autoprefixer, as Refills do not come packaged with vendor prefixes.
bourbon refills snippets bourbon-family css sass scss front-end componentsBourbon is a library of Sass mixins and functions that are designed to make you a more efficient style sheet author. Alternatively, you can install Bourbon with Bower.
sass bourbon-family css scss bourbon sass-mixins sass-library sass-functions eyeglass-module mixinsSass parser in JavaScript. Have a look at the Interactive Playground to play around with compiling SCSS to CSS in your browser.This is a convenience API for emscripted libsass (at v3.4.8). If you're looking to run Sass in node, you're probably looking for node-sass. Sass.js and node-sass should generate the same results.
sass libsass emscripten scss cssThat's it. It will work. But it will not work if you nest input inside label or put label before input.You may use checkbox-primary, checkbox-danger, radio-info, etc to style checkboxes and radios with brand bootstrap colors.
bootstrap bootstrap4 font-awesome checkbox nojs scss lessRun this task with the grunt sass command. Sass is a preprocessor that adds nested rules, variables, mixins and functions, selector inheritance, and more to CSS. Sass files compile into well-formatted, standard CSS to use in your site or application.
gruntplugin scss sass css compile preprocessor styleSlickNav will use jQuery for animations by default. If you wish to use Velocity.js for animating, be sure to include the library in your code before including SlickNav. Without any additional configuration, both the original and mobile menus will be displayed. It is recommended to use media queries to hide the original menu and display the mobile menu when appropriate. Modernizr or similar can be used for graceful degradation.
slicknav menu css sass scss component responsive mobileHamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger. You can use <div>s if you insist, but they’re not accessible as a menu button.
sass css hamburger menu animation hamburgers eyeglass-module scssJeet is a simple fractional grid system for Sass and Stylus. Learn the API in minutes and begin tossing together grids.
grid stylus sass scssJekyll Assets is a drop in asset pipeline that uses Sprockets to build specifically for Jekyll. It utilizes Sprockets, and Jekyll to try and achieve a clean, and extensible assets platform that supports plugins, caching, converting your assets. It even supports proxying of said assets in a way that does not interfere with either Sprockets, or Jekyll, or your own source. By default you can add Jekyll Assets to your Gemfile, as a plugin, and have it act as a drop-in replacement for Jekyll's basic SASS processors, with you only having to add it to your Gemfile, and updating your <img>, and <link>. The configuration file is the same as Jekyll's, which is _config.yml. Except we use the special key called assets inside of that file. All values listed below are default, you need not copy these into your configuration file unless you plan to change a value. Setting a value makes it explicit, and shared across both production, and development.
jekyll-assets sprockets asset-pipeline liquid sass scss assets jekyll sprockets-4 uglifier imageoptim imagemagickTiton Toolkit is a collection of very powerful user interface components built on React. Components in Titon follow the presentational paradigm, which provide full control of how, where, and why components are rendered. Functionality within a component, like jumping to the next slide in a carousel, or toggling a menu, is possible through contexts -- a type of public API.
titon toolkit css sass scss react aesthetic ui interface framework bootstrap modular component responsive fluid mobile behaviorPreCSS lets you use Sass-like markup and staged CSS features in CSS. PreCSS combines Sass-like syntactical sugar — like variables, conditionals, and iterators — with emerging CSS features — like color functions, logical and custom properties, media query ranges, and image sets.
postcss css postcss-plugin sass scss variables conditionals iterations iterators iterables iterate contents eaches elses fors ifs includes imports medias queries query mixins defaults functions colors customs dirs system-ui image-set logical properties blocks inlines starts ends any-link font-variant overflow-wrap caniuseChalk is a high quality, completely customizable, performant and 100% free blog template for Jekyll.
jekyll blog template scss simple customizable chalk theme jekyll-theme jekyll-blog themes circleci github-pages— a collection of Sass utilities to ease and improve our implementations of common style-code patterns. For a prolonged introduction to Scut, read "Introducing Scut" on CSS-Tricks.
scss sass style eyeglass-moduleAtom-Beautify respects the core.telemetryConsent configuration option from Atom editor. If you do not wish to have usage data sent to Google Analytics then please set core.telemetryConsent to no or undecided option before using Atom-Beautify. See Anonymous Analytics section of docs for details. Thank you. Atom-Beautify is going to be completely rewritten with Unibeautify at its core! See unibeautify branch for work in progress and Issue #1174.
atom beautifier formatter coffeescript beautify prettifier prettify js-beautify format pretty html handlebars mustache xml css json sass scss less sql markdown typescript cpp c-sharp coldfusion uncrustify apex pawn vala erb editorconfig yaml front-matter jekyll marko svg elm arduino crystal csv ejs gherkin haskell hindent brittany jade jsx latex ocaml puppet riot.js spacebars swig tss twig visualforce xtemplate autopep8 coffee-formatter coffee-fmt clang-format dfmt elm-format html-beautifier csscomb gherkin-formatter gofmt latex-beautify fortran-beautifier jscs-fixer eslint eslint-fixer lua-beautifier ocp-indent perltidy php-cs-fixer phpcbf pretty-diff pug-beautify puppet-lint r remark rubocop ruby-beautify rustfmt sqlformat stylish-haskell tidy-markdown typescript-formatter yapf erl_tidy marko-beautifier vue vue-beautifier sassconvert formatr clojure-beautifier nunjucks ux-markup pybeautifier cljfmt bash beautysh glsl hh_format nginx nginx-beautify golang-template align-yaml goimports terraform terraformfmt tsx prettier verilog emacs-verilog-mode vhdl vhdl-beautifier gn bladePronounced Alix. Because it’s simpler. The whole presentation lives in the wiki. Please note that a substantial work has been accomplished to document the whole project, from the Sass layer to each test explanations through CSS selectors and tricks. I suggest you make a tour on a11y.css documentation website.
css accessibility diagnostics sass test documentation wiki selectors markup html bookmarklet a11y accessibility-checker testing scssThe Carbon Design System is a series of individual styles and components, that when combined make beautiful, intuitive designs. These designs are systemic and logical, as they all follow the same universal principles. The component library gives developers a collection of re-usable HTML and SCSS partials for building their products.
html scss carbon-design-system css carbon component components ibm js library pattern patterns sass style-guide eyeglass-moduleNode-sass is a library that provides binding for Node.js to LibSass, the C version of the popular stylesheet preprocessor, Sass. It allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware.
node-sass libsass scss sass-files scss-files css preprocessor sass style
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.