sass-flex-mixin - Flexbox mixins

  •        9

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

https://github.com/mastastealth/sass-flex-mixin

Tags
Implementation
License
Platform

   




Related Projects

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.

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.

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

  •    CSS

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

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

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.


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.

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

  •    CSS

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

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.

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.

progress-tracker - A progress tracker written in SASS with flexbox to be flexible and responsive out of the box

  •    CSS

A progress tracker written in SASS with flexbox to be flexible and responsive out of the box. This can be used to illustrate a multi stage process e.g. form, quiz or a timeline. Once you have downloaded the code, run the commands below to view the demo.

bourbon - A simple and lightweight mixin library for Sass.

  •    Ruby

A simple and lightweight mixin library for Sass.

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.

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: _(...).

spaceBase - A Sass-based responsive CSS framework.

  •    CSS

Many CSS frameworks are meant to be included and left alone. But spaceBase is a boilerplate layer that can be built upon and tailored for your needs. It combines best practices for today’s responsive web with the core components we use on every project. Consider it the launch pad for your adventures into cyberspace. spaceBase is the front-end starter files for any new web project. It sets up your Sass architecture and normalizes your CSS and native HTML elements. It provides the structural groundwork for your application.

mini.css - A minimal, responsive, style-agnostic CSS framework!

  •    CSS

mini.css is a lightweight CSS framework (under 7KB gzipped) designed with mobile devices and modern browsers in mind. Responsiveness, ease of use and customization are some of the main features of the framework, while accessibility and extensive documentation are some of the secondary focuses of the project. The framework is written using Sass, while most of its components are based on Flexbox. For instructions on how to use, best practices, templates and other usage information, please visit the framework's documentation.

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.

spectre - Spectre.css - A Lightweight, Responsive and Modern CSS Framework

  •    CSS

Spectre.css is a lightweight, responsive and modern CSS framework. Spectre is a side project based on years of CSS development work on a large web service project. Spectre only includes modern base styles, responsive layout system, CSS components and utilities, and it can be modified for your project with Sass/Scss compiler.