@universelabs/meta
Advanced tools
@universelabs/meta - npm Package Compare versions
Comparing version 1.5.11 to 1.6.0
| { | ||
| "name": "@universelabs/meta", | ||
| "version": "1.5.11", | ||
| "version": "1.6.0", | ||
| "description": "A blockchain enhhanced front-end framework based off Bootstrap for developing decentralized apps.", | ||
@@ -42,2 +42,4 @@ "keywords": [ | ||
| "build": "react-scripts build", | ||
| "build-css": "npx node-sass --include-path scss scss/meta.scss css/meta.css", | ||
| "watch-css": "npx nodemon -e scss -x \"npm run build-css\"", | ||
| "dist": "shx mkdir -p scss/ && shx cp -r src/scss/meta.scss scss/", | ||
@@ -44,0 +46,0 @@ "test": "react-scripts test", |
@@ -57,3 +57,2 @@ <div align="center"> | ||
| ## Table of contents | ||
@@ -74,3 +73,2 @@ | ||
| ## Overview | ||
@@ -80,3 +78,2 @@ | ||
| ## Quick start | ||
@@ -91,3 +88,2 @@ | ||
| ## Status | ||
@@ -108,3 +104,3 @@ | ||
| └── scss/ | ||
| ├── _meta-color.scss | ||
| ├── _meta-color.scss | ||
| ├── _meta-mixins.scss | ||
@@ -123,3 +119,2 @@ ├── _meta-spacing.scss | ||
| ## Getting started | ||
@@ -137,2 +132,8 @@ | ||
| alternatively, you can import css directly | ||
| ``` | ||
| @import "node_modules/@universelabs/meta/css/meta.css"; | ||
| ``` | ||
| Import the `meta.scss` file directly into any project after your other UI framework imports and/or before your project's custom styling. (The following is an example of how to import via React.js). | ||
@@ -142,7 +143,6 @@ | ||
| ## Features and benefits | ||
| - Meta is framework and language agnostic. | ||
| - Meta can easily be added in addition to any other frontend framework such as Boostrap, Material UI, etc. | ||
| - Meta can easily be added in addition to any other frontend framework such as Boostrap, Material UI, etc. | ||
| - Meta allows developers to quickly design and build quality user interfaces with little effort. | ||
@@ -154,2 +154,3 @@ - Unlike a lot of UI frameworks, Meta's wide scope of typographic and color variables, empower the creation of unique interfaces. | ||
| ### Color | ||
| - Full-spectrum Color System | ||
@@ -168,2 +169,3 @@ - Color theming. | ||
| ### Type | ||
| - Meta adds functional typography that implements complex type scaling with responsive & ratio scaling for superior readability. | ||
@@ -188,5 +190,6 @@ - Duo type functionality | ||
| - Responsive type scaling for extra small, small and large devices. | ||
| - No need to adjust font-size, line-height, margins, spacing. | ||
| - No need to adjust font-size, line-height, margins, spacing. | ||
| ### Spacing | ||
| - Vertical Rhythm Spacing | ||
@@ -198,4 +201,4 @@ - Easy to implement. | ||
| ## Meta UI | ||
| ## Meta UI | ||
| **Meta UI** is an open source [Sketch Shared Library](https://www.sketch.com/docs/libraries/shared-libraries) including Style Guide and Symbol resources for rapid prototyping in Sketch. The library allows developers to add the Meta Sketch Resource Library to their local Sketch Application. The library provides access to Meta styles, colors, type, components, and more. Once added, the Meta Sketch Resource Library syncs directly to Sketch Cloud. Sketch will notify users of any additions or updates. | ||
@@ -205,3 +208,2 @@ | ||
| ## Documentation | ||
@@ -211,3 +213,2 @@ | ||
| ## Contributing | ||
@@ -220,3 +221,2 @@ | ||
| ## Community | ||
@@ -231,10 +231,9 @@ | ||
| ## Maintainers | ||
| **Guy Lepage** | ||
| - <https://twitter.com/guylepage3> | ||
| - <https://github.com/guylepage3> | ||
| ## License | ||
@@ -245,3 +244,2 @@ | ||
| <div align="right"> | ||
@@ -251,2 +249,2 @@ <a href="https://opensource.guide/how-to-contribute/#why-contribute-to-open-source"> | ||
| </a> | ||
| </div> | ||
| </div> |
Improved metrics
- Total package byte prevSize
- increased by0.4%
62094
Worsened metrics
- Number of lines in readme file
- decreased by-0.43%
233