@matteusan/sentro
Advanced tools
Comparing version
{ | ||
"name": "@matteusan/sentro", | ||
"version": "1.0.0", | ||
"version": "1.1.0", | ||
"description": "A low-level SCSS library for building and managing token-driven design systems.", | ||
@@ -5,0 +5,0 @@ "main": "packages/sentro/_index.scss", |
@@ -44,6 +44,6 @@ # Sentro | ||
.my-button-theme { | ||
background: sentro.key-create('button-fill', sentro.token-get('secondary')); | ||
color: sentro.key-create('button-ink', sentro.token-get('secondary-ink')); | ||
border-color: sentro.key-create('button-border', sentro.token-get('secondary')); | ||
border-radius: sentro.key-create('button-radius', sentro.token-get('radius-small')); | ||
background: sentro.key-create('button-fill', 'secondary'); | ||
color: sentro.key-create('button-ink', 'secondary-ink'); | ||
border-color: sentro.key-create('button-border', 'secondary'); | ||
border-radius: sentro.key-create('button-radius', 'radius-small'); | ||
} | ||
@@ -69,7 +69,7 @@ ``` | ||
.my-button-theme { | ||
background: var(--sdb-button-fill, var(--sdb-theme-secondary)); | ||
color: var(--sdb-button-ink, var(--sdb-theme-secondary-ink)); | ||
border-color: var(--sdb-button-border, var(--sdb-theme-secondary)); | ||
border-radius: var(--sdb-button-radius, var(--sdb-theme-radius-small)); | ||
background: var(--sdb-button-fill, var(--sdb-theme-secondary)); | ||
color: var(--sdb-button-ink, var(--sdb-theme-secondary-ink)); | ||
border-color: var(--sdb-button-border, var(--sdb-theme-secondary)); | ||
border-radius: var(--sdb-button-radius, var(--sdb-theme-radius-small)); | ||
} | ||
``` |
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
45150
0.86%