SCSS Mixins

Typography

Disable selection

@mixin unselectable

Link Hover

@mixin hover

@mixin hover-all

Center Elements

Elements Centering

@mixin  center-y

Horizontal center

@mixin center-x

Flex Centering

@mixin flex-center {

Offscreen Block

@mixin offscreen {

Offscreen Text

@mixin offscreen_text {

Imposter (centered elements)

@mixin imposter($offset)

Effects

Blur Panel

@mixin blur($val) {

Installation

yarn add scss-mixins-npm

or

npm i scss-mixins-npm

Usage

@import '../node_modules/scss-mixins-npm/src/scss/scss-mixins';

or shorter

@import 'scss-mixins';

Part of html-initial-bundle

Contributing

For issues, bugs or imporvements please open an issue

GitHub

• https://github.com/andreymatin/scss-mixins

License

MIT