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

@vcl/icon

Package Overview
Dependencies
Maintainers
1
Versions
25
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vcl/icon - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

8

package.json
{
"name": "@vcl/icon",
"description": "Icon",
"version": "0.2.0",
"version": "0.2.1",
"main": "package.json",

@@ -13,4 +13,4 @@ "scripts": {

"name": "n-fuse GmbH",
"email": "info@n-fuse.de",
"url": "www.n-fuse.de"
"email": "info@n-fuse.co",
"url": "www.n-fuse.co"
},

@@ -20,3 +20,3 @@ "contributors": [

"name": "Thomas Hoppe",
"email": "thomas.hoppe@n-fuse.de"
"email": "thomas.hoppe@n-fuse.co"
}

@@ -23,0 +23,0 @@ ],

@@ -9,17 +9,20 @@ # [VCL](https://github.com/vcl/doc) icon

- `img`-tag based media objects.
- `img`-tag based media objects (bitmaps like `.png` or vectors like
`.svg` can be used)
- CSS class based (for media objects embedded as
`background-image` or icon fonts),
`background-image` or glyphs from icon fonts),
- inline SVG, `use`-tag refs.
There is no size set. Sizing should be done inherently by the used object,
the surrounding font-size or additional classes.
There is no size defined by the icon class. Sizing should be done by
the surrounding container, the inherited font-size or modifiers like
`vclIconSize1`.
## Usage
Based on an `img` tag.
Based on an `img` tag using bitmap (PNG) and vector (SVG) in this example.
[img-tag based media objects example](/demo/example-img-tag.html)
Based on a background image.
Based on a background image. The size is defined by the container and the use
of `vclLayoutFit` on the div carrying the background image.

@@ -32,3 +35,3 @@ [background image based media objects example](/demo/example-background-image.html)

Innline SVG based.
Inline SVG based.

@@ -35,0 +38,0 @@ [inline-svg example](/demo/example-inline-svg.html)

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

  • 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