scss-layout
Advanced tools
Comparing version 0.1.1 to 0.1.2
# SCSS Layout - CHANGELOG | ||
## [0.1.2] (2020-12-23) | ||
### Feature | ||
- Add flex mixins | ||
- Add get color from palette functions | ||
## [0.1.1] (2020-10-29) | ||
@@ -59,3 +64,4 @@ ### Feature | ||
[0.1.1]: https://github.com/ferreirarubens/scss-layout/compare/v0.1.0...v0.1.1 | ||
[0.1.2]: https://github.com/ferreirarubens/scss-layout/compare/v0.1.1...v0.1.2 | ||
* [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/) |
{ | ||
"name": "scss-layout", | ||
"version": "0.1.1", | ||
"version": "0.1.2", | ||
@@ -5,0 +5,0 @@ "description": "SCSS file to make easy the apply some syles using css classes.", |
@@ -239,2 +239,12 @@ # SCSS LAYOUTS | ||
``` | ||
- Get the color from palette | ||
```sh | ||
background-color: palette-color($palette); | ||
background-color: palette-color($palette, 500); | ||
``` | ||
- Get the contrast color from palette | ||
```sh | ||
color: palette-color-contrast($palette); | ||
color: palette-color-contrast($palette, 500); | ||
``` | ||
- Using color primary from $palette (.mat-color) | ||
@@ -246,2 +256,20 @@ ```sh | ||
## Usage mixins | ||
### flex | ||
```sh | ||
@include flex('column') // to column | ||
@include flex() // to row | ||
``` | ||
### flex-gap | ||
```sh | ||
@include flex-row-gap(20) // to row | ||
@include flex-col-gap(20) // to column | ||
``` | ||
### flex-aligh | ||
```sh | ||
@include flex-align('center-center') | ||
``` | ||
> check options on [Flex Align](#Flex-Align) | ||
## Todos | ||
@@ -248,0 +276,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Copyleft License
License(Experimental) Copyleft license information was found.
Found 1 instance in 1 package
Mixed license
License(Experimental) Package contains multiple licenses.
Found 1 instance in 1 package
Non-permissive License
License(Experimental) A license not known to be considered permissive was found.
Found 1 instance in 1 package
2346959
22
291
3
70
73536