chasers - Bourbon Neat helpers, making complex, mobile-first layouts a little easier.

  •        11

Bourbon Neat helpers, making complex, mobile-first layouts a little easier. Then, import your Sass files or include them in your build process as necessary.

https://github.com/kennethormandy/chasers

Tags
Implementation
License
Platform

   




Related Projects

bourbon - A Lightweight Sass Tool Set

  •    Ruby

Bourbon 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.

neat - A lightweight and flexible Sass grid

  •    CSS

Neat 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.

some-like-it-neat - A WordPress Theme Using _s, Bourbon + Neat and Theme Hook Alliance

  •    PHP

Some Like it Neat is a Minimal Starter theme that is Responsive out of the box. It uses Sass along with Bourbon Neat for help with Responsive grids. It's based on _s and is pretty rad. Bourbon provides a lightweight Sass library (similar to Compass).

refills - Components and patterns built with Bourbon and Neat

  •    CSS

Follow the @bourbonsass Twitter account for updates. It’s recommended that you use Autoprefixer, as Refills do not come packaged with vendor prefixes.

neat - A semantic, fluid grid framework on top of Sass and Bourbon

  •    Ruby

A semantic, fluid grid framework on top of Sass and Bourbon


compass-mixins - A collection of compass' stylesheet for bower dependencies and libsass

  •    CSS

This is a repository to pull SASS style sheets on Bower, and enjoy the compass mixins by using libsass for faster compilation. This project makes minimal modifications to the original Compass 0.12.X stylesheets from the original repository, intented to improve libsass compatibility and not change output. This project includes reasonably similar implementations of some of the Ruby functions that Compass provides as Sass extensions. These are used in some Compass mixins, such as @include background().

grunt-contrib-sass - Compile Sass to CSS.

  •    Javascript

Run 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.

sass-mediaqueries

  •    Ruby

It is a collection of useful media queries mixins for Sass. Great extension for compass or bourbon.

awesome-sass - 🎨 Curated list of awesome Sass and SCSS frameworks, libraries, style guides, articles, and resources

  •    

Curated list of awesome Sass and SCSS frameworks, libraries, style guides, articles, and resources. Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly.

Saas - CSS with superpowers

  •    Ruby

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin. Sass boasts more features and abilities than any other CSS extension language out there.

Sass-Mixins - Sass mixins for general use

  •    CSS

Documentation on how to use each of these can be found in the partials. In general you should include the file mixins.scss in build into your project and use the mixins as suggested in the docs for each mixin.

grunt-contrib-compass - Compile Compass to CSS.

  •    Javascript

Run this task with the grunt compass command. Compass is an open-source authoring framework for the Sass css preprocessor. It helps you build stylesheets faster with a huge library of Sass mixins and functions, advanced tools for spriting, and workflow improvements including file based Sass configuration and a simple pattern for building and using Compass extensions.

include-media - 📐 Simple, elegant and maintainable media queries in Sass

  •    CSS

include-media is a Sass library for writing CSS media queries in an easy and maintainable way, using a natural and simplistic syntax. I spent quite some time experimenting with different libraries and mixins available out there, but eventually all of them failed to do everything I needed in an elegant way. Some of them wouldn't let me mix set breakpoints with case-specific values, others wouldn't properly handle the CSS OR operator and most of them had a syntax that I found complicated and unnatural.

sass-resources-loader - SASS resources (e.g. variables, mixins etc.) loader for Webpack

  •    Javascript

If your team might need my help, please email me for a free half-hour project consultation, on anything from React on Rails to any aspect of web or mobile application development for both consumer and enterprise products. Note, this loader is not limited to SASS resources. It supposedly works with less, post-css, etc. per issue 31.

ui - Laravel UI utilities and presets.

  •    PHP

While Laravel does not dictate which JavaScript or CSS pre-processors you use, it does provide a basic starting point using Bootstrap, React, and / or Vue that will be helpful for many applications. By default, Laravel uses NPM to install both of these frontend packages. Laravel Mix provides a clean, expressive API over compiling SASS or Less, which are extensions of plain CSS that add variables, mixins, and other powerful features that make working with CSS much more enjoyable. In this document, we will briefly discuss CSS compilation in general; however, you should consult the full Laravel Mix documentation for more information on compiling SASS or Less.

angled-edges - :triangular_ruler: Quickly create angled section edges using only Sass

  •    CSS

A Sass mixin for creating angled edges on sections by dynamically encoding SVGs. The main mixin creates an svg right triangle that is encoded, set as a background image of a pseudo element, and absolutely positioned.

css3-sass-mixins - SASS mixins which makes it easy to use css3 in SASS or SCSS powered projects

  •    

SASS mixins which makes it easy to use css3 in SASS or SCSS powered projects

postcss-mixins - PostCSS plugin for mixins

  •    Javascript

PostCSS plugin for mixins.Note, that you must set this plugin before postcss-simple-vars and postcss-nested.

sass-flex-mixin - Flexbox mixins

  •    CSS

A version compatible with Compass is provided by @trinonsense, on the compass branch. Licensed under MIT.






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.