Merge pull request #1175 from GuilhermeHideki/scss-config

Add folder for common SCSS code
This commit is contained in:
dkanada 2020-08-04 03:43:24 +09:00 committed by GitHub
commit 109ced50b2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 0 deletions

View File

@ -35,6 +35,7 @@
- [Thibault Nocchi](https://github.com/ThibaultNocchi) - [Thibault Nocchi](https://github.com/ThibaultNocchi)
- [MrTimscampi](https://github.com/MrTimscampi) - [MrTimscampi](https://github.com/MrTimscampi)
- [Sarab Singh](https://github.com/sarab97) - [Sarab Singh](https://github.com/sarab97)
- [GuilhermeHideki](https://github.com/GuilhermeHideki)
- [Andrei Oanca](https://github.com/OancaAndrei) - [Andrei Oanca](https://github.com/OancaAndrei)
- [Cromefire_](https://github.com/cromefire) - [Cromefire_](https://github.com/cromefire)

23
src/styles/_mixins.scss Normal file
View File

@ -0,0 +1,23 @@
@mixin background-cover($position) {
background-position: $position;
background-repeat: no-repeat;
background-size: cover;
}
@mixin circle($size) {
@include square($size);
border-radius: 100%;
}
@mixin position($position, $top: null, $right: null, $bottom: null, $left: null) {
position: $position;
top: $top;
right: $right;
bottom: $bottom;
left: $left;
}
@mixin square($size) {
height: $size;
width: $size;
}