https://github.com/supportclass/sc-fitted-text

A Polymer 2 element for horizontally squishing text to stay within a max width.
https://github.com/supportclass/sc-fitted-text

Last synced: 7 months ago
JSON representation

A Polymer 2 element for horizontally squishing text to stay within a max width.

• Host: GitHub
• URL: https://github.com/supportclass/sc-fitted-text
• Owner: SupportClass
• License: mit
• Created: 2017-08-11T18:46:13.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-04-17T16:00:55.000Z (almost 7 years ago)
• Last Synced: 2025-03-16T16:44:34.977Z (11 months ago)
• Language: HTML
• Size: 213 KB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# \ [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/SupportClass/sc-fitted-text) [![Build Status](https://travis-ci.org/SupportClass/sc-fitted-text.svg?branch=master)](https://travis-ci.org/SupportClass/sc-fitted-text) [![Coverage Status](https://coveralls.io/repos/github/SupportClass/sc-fitted-text/badge.svg?branch=master)](https://coveralls.io/github/SupportClass/sc-fitted-text?branch=master) ![Polymer 2 only](https://img.shields.io/badge/Polymer%202-only-blue.svg)

A Polymer 2 element for horizontally squishing text to stay within a max width.

## Motivation

Broadcast graphics often need to ensure that text will fit within a given space. There are existing libraries out there that can reduce the font size of an element to fit a given space, but this behavior isn't always what is wanted. Sometimes, the design calls for horizontally squishing (scaling) the text, rather than reducing the font size. This element enables that.

## Installation

```bash

bower install --save SupportClass/sc-fitted-text

```

## Example

```html

```

See the [Demo](https://www.webcomponents.org/element/SupportClass/sc-fitted-text/demo/demo/index.html) page for an interactive example.