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

primer-truncate

Package Overview
Dependencies
Maintainers
14
Versions
828
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

primer-truncate - npm Package Compare versions

Comparing version 1.5.0-alpha.0dbe01ab to 1.5.0-alpha.0e91d9c4

build/data.json

2

build/index.js

@@ -1,1 +0,1 @@

module.exports = {"cssstats":{"size":453,"gzipSize":196,"humanizedSize":"453B","humanizedGzipSize":"196B","rules":{"total":2,"size":{"graph":[6,1],"max":6,"average":3.5}},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".css-truncate.css-truncate-target",".css-truncate .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target",".css-truncate.expandable:hover.css-truncate-target"],"specificity":{"max":40,"average":33.333333333333336}},"declarations":{"total":7,"unique":7,"properties":{"display":["inline-block"],"max-width":["125px","10000px"],"overflow":["hidden"],"text-overflow":["ellipsis"],"white-space":["nowrap"],"vertical-align":["top"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
module.exports = {"cssstats":{"size":453,"gzipSize":196,"humanizedSize":"453B","humanizedGzipSize":"196B","rules":{"total":2,"size":{"graph":[6,1],"max":6,"average":3.5},"selectorByRuleSizes":[{"selector":".css-truncate.css-truncate-target,.css-truncate .css-truncate-target","declarations":6},{"selector":".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target,.css-truncate.expandable:hover.css-truncate-target","declarations":1}]},"selectors":{"total":6,"type":0,"class":6,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".css-truncate.css-truncate-target",".css-truncate .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target",".css-truncate.expandable:hover.css-truncate-target"],"specificity":{"max":40,"average":33.333333333333336}},"declarations":{"total":7,"unique":7,"properties":{"display":["inline-block"],"max-width":["125px","10000px"],"overflow":["hidden"],"text-overflow":["ellipsis"],"white-space":["nowrap"],"vertical-align":["top"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
{
"version": "1.5.0-alpha.0dbe01ab",
"version": "1.5.0-alpha.0e91d9c4",
"name": "primer-truncate",
"description": "Shorten text with an ellipsis.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
"style": "build/build.css",
"sass": "index.scss",
"main": "build/index.js",

@@ -19,15 +20,17 @@ "primer": {

],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-truncate",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-truncate",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test-docs": "ava --verbose ../../tests/modules/test-*.js",
"build": "primer-module-build index.scss",
"test-docs": "../../script/test-docs",
"build": "../../script/npm-run primer-module-build index.scss",
"prepare": "npm run build",
"lint": "stylelint **/*.scss -s scss",
"test": "npm-run-all -s build lint test-docs"
"lint": "../../script/lint-scss",
"test": "../../script/npm-run-all build lint test-docs",
"prepublishOnly": "../../script/notify pending",
"postpublish": "../../script/notify success"
},
"dependencies": {
"primer-support": "4.5.0-alpha.0dbe01ab"
"primer-support": "4.8.0-alpha.0e91d9c4"
},

@@ -38,3 +41,3 @@ "keywords": [

"github",
"primercss",
"design-system",
"truncate",

@@ -41,0 +44,0 @@ "ellipsis",

@@ -1,9 +0,9 @@

# Primer CSS Truncate
# Primer Truncate
[![npm version](http://img.shields.io/npm/v/primer-truncate.svg)](https://www.npmjs.org/package/primer-truncate)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![npm version](https://img.shields.io/npm/v/primer-truncate.svg)](https://www.npmjs.org/package/primer-truncate)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> .css-truncate will shorten text with an ellipsis. The maximum width of the truncated text can be changed by overriding the max-width of the .css-truncate-target.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.

@@ -40,2 +40,3 @@ ## Install

title: Truncate
path: components/truncate
status: Stable

@@ -46,3 +47,3 @@ -->

```html
```html title="Truncate"
<span class="branch-ref css-truncate css-truncate-target" title="really-long-branch-name">

@@ -55,3 +56,3 @@ really-long-branch-name

```html
```html title="Truncate Expandable"
<span class="css-truncate expandable">

@@ -67,6 +68,6 @@ <span class="branch-ref css-truncate-target">this-is-a-really-long-branch-name</span>

[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

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