sass-burger - A Sass mixin for creating hamburger icons.

  •        10

A Sass mixin for creating hamburger icons. Download the _burger.scss file manually, or use a package manager.

http://joren.co/sass-burger/
https://github.com/jorenvanhee/sass-burger

Tags
Implementation
License
Platform

   




Related Projects

ember-burger-menu - An off-canvas sidebar component with a collection of animations and styles using CSS transitions

  •    Javascript

Using sass, you can override default variables and easily change the default behavior of ember-burger-menu. See variables.scss for a list of variables you can change. Using sass, you can import only the styles you need for the animations you use.

Sass-Web-Fonts - A Sass mixin to allow easy, efficient usage of Google Web Fonts.

  •    CSS

A Sass mixin to allow easy, efficient usage of Google Web Fonts. You can clone this repo and include _web-fonts.scss in your project manually, or you can install the sass-web-fonts package from npm or Bower.

sass-mq - A Sass mixin that helps you compose media queries in an elegant way.

  •    CSS

mq() is a Sass mixin that helps you compose media queries in an elegant way. Sass MQ was crafted in-house at the Guardian. Today, many more companies and developers are using it in their projects: see who uses Sass MQ.

hamburgers - Tasty CSS-animated Hamburgers

  •    CSS

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

sandal - sandal is a basic sass library for mobile sites

  •    CSS

a basic sass library, included reset css and some basic mixin and so on


Super Burger World

  •    C++

Super Burger World is a jump and run game based on SuperTux, except with one big difference, You play as a burger trying to rid the world of an evil fruit company.

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.

mocka - Simple, elegant content placeholder

  •    CSS

The mocka placeholder is a very simple content placeholder that you can use for your website or web application, while loading your page's content. It weighs very little (about 500 bytes minified and gzipped), is fully customizable and you can easily include it in your project's CSS file, by using the Sass mixin provided. Alternatively, you can copy its code and inline it in your HTML for even faster loading. Download the npm package, add the mixin to your project, then @import the file and @include the mixin, passing a single map as an argument. The map contains all the information needed to generate the classes from the mixin. You can find the map with the default values in the mocka.scss file.

bourbon - A simple and lightweight mixin library for Sass.

  •    Ruby

A simple and lightweight mixin library for Sass.

sass-flex-mixin - Flexbox mixins

  •    CSS

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

sassCore - 一份基础的scss库,包括常用reset, mixin, grids, typo, css3, media queries等多个文件,是你sass开发的必备库

  •    CSS

一份基础的scss库,包括常用reset, mixin, grids, typo, css3, media queries等多个文件,是你sass开发的必备库

sass-recipes - Sass mixin examples and recipes that you can use or modify to suit your needs

  •    Ruby

This project is a collection of Sass snippets that you can use or learn from. All contributions are entered into the public domain and the authors relinquish all copyrights.

breakpoint - Really simple media queries in Sass

  •    CSS

Breakpoint makes writing media queries in Sass super simple. Create a variable using a simplified syntax based on most commonly used media queries, then call it using the breakpoint mixin. Breakpoint handles all of the heavy lifting, from writing the media query itself, to handling cross-browser compatibility issues, so you can focus on what's important: making sure your website looks its best. Breakpoint also allows you to get the context of your media queries from your code, allowing you to write dynamic mixins based on their media query context.

stackicons - Icon font and Sass-based construction kit for Stackicons-Social, which supports multiple button shapes and a unique "multi-color" option in CSS for over 60 social brands

  •    CSS

Icon font and Sass-based construction kit for Stackicons-Social, which supports multiple button shapes and a unique "multi-color" option in CSS for over 60 social brands.

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.

typi - A sass mixin to make responsive typography easy

  •    CSS

Typi does two things for you incredibly well. Here's a quickie example for both points.

vanilla-framework - From community websites to web applications, this CSS framework will help you achieve a consistent look and feel

  •    CSS

Vanilla Framework is a simple extensible CSS framework, built using Sass and is designed to be used either directly or by using themes to extend or supplement its patterns. You can link to the latest build to add directly into your markup like so, by replacing the x values with the version number you wish to link.

cssmixins - CSS3 mixins for STYL, SCSS, SASS & LESS.

  •    

Comprehensive collection of flexible mixins for STYL, SCSS, SASS & LESS that allow you to use CSS3 features without having to worry about vendor prefixes. Each mixin comes with thorough documentation including available values & units, W3 references and even examples. All you have to do is play with them.

flint - Flint is a powerful Sass grid framework designed for rapid responsive development.

  •    CSS

Flint is a responsive grid framework written in Sass, created to allow developers to rapidly produce responsive layouts that are built on a sophisticated foundation. Most notably? The syntax. Being a designer myself, a large amount of time was spent on this aspect. Flint is very unique in the fact that it uses only a single mixin for all output: _(...).

fontisto - The iconic font and CSS toolkit

  •    CSS

Fontisto is a full suite of 616+ pictographic icons for easy scalable vector graphics on websites, created and maintained by Kenan Gündoğan. Stay up to date with the latest release and announcements on Twitter: @fontisto. Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.