Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@vtmn/css-navbar

Package Overview
Dependencies
Maintainers
2
Versions
42
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vtmn/css-navbar - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

6

package.json
{
"name": "@vtmn/css-navbar",
"version": "2.0.0",
"version": "2.0.1",
"description": "Decathlon Design System - Vitamin specific CSS styles for navbar component",

@@ -29,3 +29,3 @@ "keywords": [

"devDependencies": {
"@vtmn/css-design-tokens": "^1.1.0",
"@vtmn/css-design-tokens": "^1.1.1",
"@vtmn/css-postcss-config": "*"

@@ -42,3 +42,3 @@ },

],
"gitHead": "9a1b63f4093ee0e0ab55ace47c68b21f7e663488"
"gitHead": "4d6a964d70f5e6b2ccaf341f9336fe5bb8dbce1f"
}

@@ -32,4 +32,24 @@ # `@vtmn/css-navbar`

Shown below is a sample link markup used to load from a CDN:
You can install them with [FontSource](https://github.com/fontsource/fontsource):
```sh
# with npm
npm i -S @fontsource/roboto @fontsource/roboto-condensed
# with yarn
yarn add @fontsource/roboto @fontsource/roboto-condensed
```
Then, within your app entry file or site component, import it in:
```javascript
import '@fontsource/roboto'; // Defaults to weight 400
import '@fontsource/roboto/400.css'; // Specify weight
import '@fontsource/roboto/400-italic.css'; // Specify weight and style
```
In order to enhance performance of your app, please read about [font subsetting](https://web.dev/font-best-practices/#subset-fonts). [FontSource explains it here](https://fontsource.org/docs/getting-started/subsets).
Otherwise, you can also load them through CDN:
```html

@@ -42,3 +62,3 @@ <link

You can also do it via CSS Import:
Finally, you can also import them via CSS import:

@@ -49,19 +69,2 @@ ```css

Otherwise, you can install them with `typeface`:
```sh
# with npm
npm i -S typeface-roboto typeface-roboto-condensed
# with yarn
yarn add typeface-roboto typeface-roboto-condensed
```
Then, you can import them in your entry-point:
```javascript
import 'typeface-roboto';
import 'typeface-roboto-condensed';
```
## Install icons (optional)

@@ -68,0 +71,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc