[mnmnm] is a SASS framework that removes styles in all browsers, and removes useful defaults
NPM
npm install --save mnmnm
HOW TO USE THIS THING
Do NOT actually import the whole mnmnm.sass file. If you do this you won't be able to override the defaults, which means you won't be able to have any styling. Instead import each of the sass files in the root of your app (or vue component)...
@import "~mnmnm/sass/_helpers.sass"
@import "~mnmnm/sass/_variables.sass"
@import 'theme.sass'
@import "~mnmnm/sass/_utilities.sass"
@import "~mnmnm/sass/_reset.sass"
@import "~mnmnm/sass/_colors.sass"
@import "~mnmnm/sass/_base.sass"
@import "~mnmnm/sass/_layout.sass"
@import "~mnmnm/sass/_typography.sass"
Write out your own overrides for the variables in theme.sass
and place it in your applications root directory.
EXAMPLE: COLORS
$color_settings: ("primary": #F0FFED, "secondary": #336772, "tertiary": #0B0B0B, "error": #FF584D, "warn": #F29018, "nominal": 8ECC52, "background-1": #1D2E36, "background-2": #0B0B0B )
EXAMPLE: SCALE
$minim_settings: ("ms-ratio": $minor-seventh, "ms-base": 0.25em)
Support
At present, I support nothing. Everything is broken. This is intended as a sane starting place and it's up to you to style everything.