@sass-collective/direction
Advanced tools
Comparing version 2.0.0 to 2.1.0
@@ -5,2 +5,20 @@ # Release Notes | ||
## v2.1.0 (2021-01-23) | ||
### Added | ||
* global: new mixin ``styles`` for replace ``direction`` | ||
### Changed | ||
* global: legacy import prefix has been renamed from ``sass-`` to ``sass-direction-`` | ||
### Deprecated | ||
* global: mixin ``direction`` | ||
### Removed | ||
* global: ``_mixins.scss`` file | ||
## v2.0.0 (2021-01-12) | ||
@@ -7,0 +25,0 @@ |
{ | ||
"name": "@sass-collective/direction", | ||
"version": "2.0.0", | ||
"version": "2.1.0", | ||
"description": "Manage content direction for languages right-to-left.", | ||
@@ -35,3 +35,3 @@ "main": "index.scss", | ||
}, | ||
"gitHead": "86583c91b4d7c89ae872a7c44fc291abf600fe55" | ||
"gitHead": "4631ff1b9724d2a583e6869f282a8cdecb943610" | ||
} |
@@ -15,3 +15,3 @@ ![Sass Direction](.github/banner.png) | ||
npm install @sass-collective/direction --save | ||
## Usage | ||
@@ -22,4 +22,5 @@ | ||
```scss | ||
direction($direction: right, $root-selector: null); | ||
styles($direction: right, $root-selector: null); | ||
``` | ||
#### Options | ||
@@ -42,3 +43,3 @@ | ||
// RTL | ||
@include direction.direction { | ||
@include direction.styles { | ||
margin-left: 0; | ||
@@ -49,3 +50,3 @@ margin-right: 20px; | ||
// LTR | ||
@include direction.direction(left) { | ||
@include direction.styles(left) { | ||
margin-left: 0; | ||
@@ -56,3 +57,3 @@ margin-right: 20px; | ||
// Root Selector | ||
@include direction.direction($root-selector: div) { | ||
@include direction.styles($root-selector: div) { | ||
margin-left: 0; | ||
@@ -74,3 +75,3 @@ margin-right: 20px; | ||
// RTL | ||
@include sass-direction { | ||
@include sass-direction-styles { | ||
margin-left: 0; | ||
@@ -81,3 +82,3 @@ margin-right: 20px; | ||
// LTR | ||
@include sass-direction(left) { | ||
@include sass-direction-styles(left) { | ||
margin-left: 0; | ||
@@ -88,3 +89,3 @@ margin-right: 20px; | ||
// Root Selector | ||
@include sass-direction($root-selector: div) { | ||
@include sass-direction-styles($root-selector: div) { | ||
margin-left: 0; | ||
@@ -91,0 +92,0 @@ margin-right: 20px; |
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
115
7578
8