@yoonit/style
Advanced tools
Comparing version 2.1.2 to 2.1.3
{ | ||
"name": "@yoonit/style", | ||
"description": "The SASS Atomic Design System that powers Web & Native Yoonit Components", | ||
"version": "2.1.2", | ||
"version": "2.1.3", | ||
"private": false, | ||
@@ -6,0 +6,0 @@ "main": "index", |
@@ -72,4 +72,4 @@ <h1 align="center">Sass Yoonit Style</h1> | ||
```sass | ||
--fontFamily-primary: 'Montserrat', 'sans-serif' | ||
--fontFamily-second: 'Arial', 'sans-serif' | ||
--font-family-primary: 'Montserrat', 'sans-serif' | ||
--font-family-second: 'Arial', 'sans-serif' | ||
@@ -82,17 +82,17 @@ --fontWeight-regular: 400 | ||
--primaryDarkest: #008080 | ||
--primaryDark: #1DBABA | ||
--primaryBase: #47C8C3 | ||
--primaryLight: #B0E7E5 | ||
--primaryLightest: #C3ECEb | ||
--dangerDarkest: #CB0A22 | ||
--dangerDark: #E83C4B | ||
--dangerBase: #F4596C | ||
--dangerLight: #FF7888 | ||
--dangerLightest: #FF99A5 | ||
--greyDarkest: #212325 | ||
--greyDark: #5A5F67 | ||
--greyBase: #8F959F | ||
--greyLight: #D6DBE2 | ||
--greyLightest: #F5F6F7 | ||
--primary-darkest: #008080 | ||
--primary-dark: #1DBABA | ||
--primary-base: #47C8C3 | ||
--primary-light: #B0E7E5 | ||
--primary-lightest: #C3ECEb | ||
--danger-darkest: #CB0A22 | ||
--danger-dark: #E83C4B | ||
--danger-base: #F4596C | ||
--danger-light: #FF7888 | ||
--danger-lightest: #FF99A5 | ||
--grey-darkest: #212325 | ||
--grey-dark: #5A5F67 | ||
--grey-base: #8F959F | ||
--grey-light: #D6DBE2 | ||
--grey-lightest: #F5F6F7 | ||
--color-white: #FFFFFF | ||
@@ -123,3 +123,3 @@ --color-black: #111111 | ||
.myClass | ||
color: var(--greyBase) | ||
color: var(--grey-base) | ||
``` | ||
@@ -139,7 +139,7 @@ To create a custom theme, in your project create a sass file and overwrite the root variables, involved in a "data-composition", let's see an example: | ||
[data-composition="myTheme"] | ||
--primaryDarkest: #49260a | ||
--primaryDark: #623b1c | ||
--primaryBase: #7c5739 | ||
--primaryLight: #caad8c | ||
--primaryLightest: #f6eddd | ||
--primary-darkest: #49260a | ||
--primary-dark: #623b1c | ||
--primary-base: #7c5739 | ||
--primary-light: #caad8c | ||
--primary-lightest: #f6eddd | ||
@@ -230,5 +230,5 @@ --font-tn: 8px | ||
</a> | ||
--- | ||
--- | ||
Code with ❤ by the [**Yoonit**](https://yoonit.dev/) Team |
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
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
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
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
1399081