All Projects → shelldandy → manila-mixins

shelldandy / manila-mixins

Licence: MIT license
A bunch of really cool Sass Mixins

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language
shell
77523 projects

Projects that are alternatives of or similar to manila-mixins

Accecss
AcceCSS A Sass Mixin That debug & check the accessibility of your designs
Stars: ✭ 132 (+780%)
Mutual labels:  mixins, sass-mixins
Juice
Mixins for Life
Stars: ✭ 274 (+1726.67%)
Mutual labels:  mixins, sass-mixins
buttono
A flexible Sass mixin for creating BEM-style buttons.
Stars: ✭ 82 (+446.67%)
Mutual labels:  mixins, sass-mixins
Sassessentials
Repository for my tutorial course: Sass Essential Training on LinkedIn Learning and Lynda.com.
Stars: ✭ 167 (+1013.33%)
Mutual labels:  mixins, sass-mixins
rupture-sass
Better media queries mixins library for SASS
Stars: ✭ 47 (+213.33%)
Mutual labels:  mixins
media-blender
Easy and predictable SASS/SCSS media queries
Stars: ✭ 26 (+73.33%)
Mutual labels:  mixins
Sponge
The SpongeAPI implementation targeting vanilla Minecraft and 3rd party platforms.
Stars: ✭ 241 (+1506.67%)
Mutual labels:  mixins
Pug Bootstrap
Bootstrap framework written completely using mixins in Pug
Stars: ✭ 212 (+1313.33%)
Mutual labels:  mixins
typescript-mix
A tweaked implementation of TypeScript's default applyMixins(...) idea using ES7 decorators
Stars: ✭ 81 (+440%)
Mutual labels:  mixins
rainbowify
Fabric mod for rainbow and blur backgrounds in minecraft guis
Stars: ✭ 18 (+20%)
Mutual labels:  mixins
Sledgehammer
Smashes the stupid out of the client & server.
Stars: ✭ 13 (-13.33%)
Mutual labels:  mixins
ignite
A Mixin and Access Widener mod loader for Spigot/Paper
Stars: ✭ 115 (+666.67%)
Mutual labels:  mixins
vertical-rhythm-reset
A Sass/SCSS library for responsive vertical rhythm grids, modular scale typography, and CSS normalization.
Stars: ✭ 65 (+333.33%)
Mutual labels:  sass-mixins
madosel
Modasel is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps that look amazing on any device. Madosel is semantic, readable, flexible, and completely customizable.
Stars: ✭ 39 (+160%)
Mutual labels:  sass-mixins
Cometary
Roslyn extensions, with a touch of meta-programming.
Stars: ✭ 31 (+106.67%)
Mutual labels:  mixins
Hyperium
Hyperium, Free Minecraft client with HUDs and Popular mods
Stars: ✭ 217 (+1346.67%)
Mutual labels:  mixins
go-traits
A concept package that helps implement mixin behavior using embedded structs and hook interfaces.
Stars: ✭ 21 (+40%)
Mutual labels:  mixins
less-mix
LESS-Mix - is a functional, powerful and convenient library LESS-mixins.
Stars: ✭ 22 (+46.67%)
Mutual labels:  mixins
NCop
Composite-aspect oriented framework for .NET
Stars: ✭ 30 (+100%)
Mutual labels:  mixins
Grimoire-legacy
General-purpose Mixin loader framework, which allows to properly implement mixins on 1.7.10/1.12.2 versions of Minecraft. For updated version check out https://github.com/Aizistral-Studios/Grimoire
Stars: ✭ 27 (+80%)
Mutual labels:  mixins

npm version Build Status

Manila Mixins

A bunch of cool Sass Mixins in part made by me and others curated by me from various sources.

To override some settings just change the settings file or make a copy and import BEFORE Manila 😘

Mixins Yo!

Documentation

Documentation is available at https://mike3run.github.io/manila-mixins/

The Mixins

  • Align
  • Background
  • BEM
  • Breakpoints
  • Clearfix
  • Flex Columns
  • Float Columns
  • Font Face
  • Google Font Importer
  • Grid Maker
  • Medium Underline
  • Placeholder
  • Size
  • Smart Underline
  • Standard Background

Testing

Using jest and sass-true run

$ npm test

Inside each mixin folder there is a [name].test.scss and [name].test.js

See Sass-True library docs for more info

Resources

  • Jeet.gs
  • Medium.com
  • Eager.io
  • GetBEM.com
  • Jest
  • Sass-True
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].