Socket
Book a DemoInstallSign in
Socket

@matteusan/sentro

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@matteusan/sentro - npm Package Compare versions

Comparing version

to
1.0.0

core/_validators.scss

16

package.json
{
"name": "@matteusan/sentro",
"version": "0.1.25",
"version": "1.0.0",
"description": "A low-level SCSS library for building and managing token-driven design systems.",
"main": "_index.scss",
"main": "packages/sentro/_index.scss",
"author": "Matteu",
"license": "MIT",
"publishConfig": {
"access": "public"
},
"keywords": [

@@ -19,2 +16,3 @@ "css",

],
"readme": "README.md",
"repository": {

@@ -27,3 +25,9 @@ "type": "git",

},
"homepage": "https://github.com/MatteuSan/sentro#readme"
"publishConfig": {
"access": "public"
},
"homepage": "https://github.com/MatteuSan/sentro#readme",
"peerDependencies": {
"sass": "^1.74.1"
}
}
# Sentro
![lang](https://img.shields.io/badge/lang-SCSS-%23c69)
[![version_badge](https://img.shields.io/npm/v/@matteusan/sentro)](https://www.npmjs.com/package/@matteusan/sentro)
![license_badge](https://img.shields.io/npm/l/@matteusan/sentro)
![stars](https://img.shields.io/github/stars/MatteuSan/sentro?style=social)
A low-level SCSS library for building and managing token-driven design systems.
## Installation
```sh
# NPM
npm install @matteusan/sentro --save
# Yarn
yarn add @matteusan/sentro
```
## Documentation
- The documentation for this project is located [here](https://docs.matteusan.me/docs/sentro).
- The documentation for this project is located [here](https://docs.matteusan.com/docs/sentro).
## Showcase
#### SCSS Input
- Tokenize your UI while creating an intuitive theming API for your design system.
```scss
@use 'path/to/@matteusan/sentro' with (
$prefix: 'sdb',
@use '@matteusan/sentro' with (
$prefix: 'sdc',
$context: 'theme'

@@ -65,5 +52,2 @@ );

#### CSS Output
- Voila!
```css

@@ -85,7 +69,7 @@ :root {

.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

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

SocketSocket SOC 2 Logo

Product

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc

U.S. Patent No. 12,346,443 & 12,314,394. Other pending.