https://github.com/frontend-layers/scss-mixins
Basic SCSS Mixins Collection
https://github.com/frontend-layers/scss-mixins
mixins scss
Last synced: over 1 year ago
JSON representation
Basic SCSS Mixins Collection
- Host: GitHub
- URL: https://github.com/frontend-layers/scss-mixins
- Owner: Frontend-Layers
- License: mit
- Created: 2020-05-10T17:49:36.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-08-30T20:42:23.000Z (almost 4 years ago)
- Last Synced: 2024-04-24T12:04:04.891Z (about 2 years ago)
- Topics: mixins, scss
- Language: SCSS
- Homepage:
- Size: 188 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# SCSS Mixins
[](https://opensource.org/licenses/MIT)
## Typography
### Disable selection
```scss
@mixin unselectable
```
### Link Hover
```scss
@mixin hover
```
```scss
@mixin hover-all
```
## Center Elements
### Elements Centering
```scss
@mixin center-y
```
### Horizontal center
```scss
@mixin center-x
```
### Flex Centering
```scss
@mixin flex-center {
```
### Offscreen Block
```scss
@mixin offscreen {
```
### Offscreen Text
```scss
@mixin offscreen_text {
```
### Imposter (centered elements)
```scss
@mixin imposter($offset)
```
## Effects
### Blur Panel
```scss
@mixin blur($val) {
```
## Installation
```
yarn add scss-mixins-npm
```
or
```
npm i scss-mixins-npm
```
## Usage
```scss
@import '../node_modules/scss-mixins-npm/src/scss/scss-mixins';
```
or shorter
```scss
@import 'scss-mixins';
```
Part of [html-initial-bundle](https://github.com/andreymatin/html-initial-bundle)
## Contributing
For issues, bugs or imporvements please open an [issue](https://github.com/andreymatin/scss-mixins/issues/new)
## GitHub
- https://github.com/andreymatin/scss-mixins
## License
MIT