		@@ -1,1 +0,17 @@
		import './index.sass'
		/**
		* ██╗ ██╗ ██████╗ ██████╗ ███╗ ██╗██╗████████╗
		* ╚██╗ ██╔╝██╔═══██╗██╔═══██╗████╗ ██║██║╚══██╔══╝
		* ╚████╔╝ ██║ ██║██║ ██║██╔██╗ ██║██║ ██║
		* ╚██╔╝ ██║ ██║██║ ██║██║╚██╗██║██║ ██║
		* ██║ ╚██████╔╝╚██████╔╝██║ ╚████║██║ ██║
		* ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═══╝╚═╝ ╚═╝
		*
		* https://yoonit.dev - about@yoonit.dev
		*
		* Sass Yoonit Style
		* The SASS Atomic Design System that powers Web & Native Yoonit Components
		*
		* Luigui Delyer, Vitória Costa, Sabrina Sampaio, Gabriel Moraes, Tiago Brito, Fernando Junior, Ronalson Filho, Gabriel Moraes, Gabriel Mule & Gabriel Rizzo @ 2020-2021
		*/

		import './index.sass'

package.json

		{
		"name": "@yoonit/style",
		"description": "The SASS Atomic Design System that powers Web & Native Yoonit Components",
		"version": "2.0.2",
		"version": "2.1.0",
		"private": false,
		@@ -29,4 +29,4 @@ "main": "index",
		"author": {
		"name": "Luigui Delyer, Vitória Costa, Sabrina Sampaio, Gabriel Moraes, Tiago Brito, Fernando Junior, Ronalson Filho, Gabriel Mule & Gabriel Rizzo @ Cyberlabs AI - 2021",
		"email": "contato@cyberlabs.ai"
		"name": "Luigui Delyer, Vitória Costa, Sabrina Sampaio, Gabriel Moraes, Tiago Brito, Fernando Junior, Ronalson Filho, Gabriel Moraes, Gabriel Mule & Gabriel Rizzo @ 2020-2021",
		"email": "about@yoonit.dev"
		},
		@@ -33,0 +33,0 @@ "license": "MIT",

README.md

		@@ -1,14 +0,14 @@
		[<img src="https://raw.githubusercontent.com/Yoonit-Labs/nativescript-yoonit-camera/development/logo_cyberlabs.png" width="300">](https://cyberlabs.ai/)
		<h1 align="center">Sass Yoonit Style</h1>

		# Sass Yoonit Style
		<p align="center">
		<img src="https://img.shields.io/npm/v/@yoonit/style?color=lightgrey&style=for-the-badge&logo=npm"/>
		<img src="https://img.shields.io/npm/dm/@yoonit/style?color=lightgrey&logo=npm&style=for-the-badge"/>
		<img src="https://img.shields.io/badge/SASS%20-hotpink.svg?color=lightgrey&logo=SASS&style=for-the-badge"/>
		<img src="https://img.shields.io/npm/l/@yoonit/style?color=lightgrey&style=for-the-badge"/>
		</p>

		![Version](https://img.shields.io/npm/v/@yoonit/style?color=lightgrey&style=for-the-badge&logo=npm)
		![Downloads](https://img.shields.io/npm/dm/@yoonit/style?color=lightgrey&logo=npm&style=for-the-badge)
		![SASS](https://img.shields.io/badge/SASS%20-hotpink.svg?color=lightgrey&logo=SASS&style=for-the-badge)
		![MIT license](https://img.shields.io/npm/l/@yoonit/style?color=lightgrey&style=for-the-badge)

		A SASS lib to provide:
		A SASS lib to help you with:
		- Atomic Design System
		- Created using BEM methodology
		- Diverse variables and mixins to help you build your awesome layout
		- Diverse variables and mixins to improve your awesome layout
		- Responsive grid and flex system
		@@ -19,2 +19,20 @@ - Diverse theme range

		<div align="center">
		<h3>Sponsors</h3>
		<table>
		<tbody>
		<tr>
		<td>
		<b>Platinum</b>
		</td>
		</tr>
		<tr>
		<td align="center" valign="middle">
		<a href="https://cyberlabs.ai"><img src="https://raw.githubusercontent.com/Yoonit-Labs/sass-yoonit-style/development/sponsor_cyberlabs.png" width="300" /></a>
		</td>
		</tr>
		</tbody>
		</table>
		<h5><a href="mailto:about@yoonit.dev">Become a sponsor!</a></h5>
		</div>

		@@ -98,3 +116,3 @@ ## Installation
		--spacing-hg: 64px


		```
		@@ -112,2 +130,5 @@ To use the variable in your sass file, just use var(VariableName), for example:
		```sass

		$font-base: 16;

		@import '@yoonit/style'
		@@ -117,3 +138,3 @@

		[data-composition="myTheme"]
		[data-composition="myTheme"]
		--primaryDarkest: #49260a
		@@ -171,2 +192,3 @@ --primaryDark: #623b1c
		\| font \| font-color, 'tn' or 'tn' or 'sm' or 'md' or 'lg' or 'xl' or 'hg', 'font-primary' or 'font-second' or font-family, 'bold' or 'semi-bold' or 'medium' or 'regular' \| `+font($font-color, $font-size, $font-family, $font-weight)` \| Mixin to assist in the construction of the font css with all the properties \|
		\| pxToRem \| $target, $baseValue \| `+fpxToRem($target, $baseValue: $font-base)` \| Function that helps convert from `px` to `rem`. `$target` is the value chosen to be converted. `$baseValue` is the base value to perform the conversion and has the default value that is defined in the variable `$font-base` \|

		@@ -199,11 +221,15 @@ ### Classes


		## To contribute and make it better

		Clone the repo, change what you want and send PR.
		For commit messages we use <a href="https://www.conventionalcommits.org/">Conventional Commits</a>.

		Contributions are always welcome!

		---
		<a href="https://github.com/Yoonit-Labs/sass-yoonit-style/graphs/contributors">
		<img src="https://contrib.rocks/image?repo=Yoonit-Labs/sass-yoonit-style" />
		</a>

		---

		Code with ❤ by the [Cyberlabs AI](https://cyberlabs.ai/) Front-End Team
		Code with ❤ by the [Yoonit](https://yoonit.dev/) Team

atoms/YooWarning.sass

molecules/YooSwitchCard.sass

atoms/YooAnimation.sass