https://github.com/ryanve/tx.css

Opensource CSS text utility classes
https://github.com/ryanve/tx.css

css functional-css text

Last synced: about 1 month ago
JSON representation

Opensource CSS text utility classes

• Host: GitHub
• URL: https://github.com/ryanve/tx.css
• Owner: ryanve
• License: isc
• Created: 2017-07-22T23:48:33.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-07-23T06:55:44.000Z (over 7 years ago)
• Last Synced: 2024-09-16T04:06:46.721Z (about 2 months ago)
• Topics: css, functional-css, text
• Language: HTML
• Homepage: https://ryanve.github.io/tx.css
• Size: 5.86 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# tx.css

```

npm install tx.css

```

```css

@import './node_modules/tx.css/tx';

```

### `text-align`

```css

.tx-left { text-align: left }

.tx-right { text-align: right }

.tx-center { text-align: center }

.tx-start { text-align: initial; text-align: start }

.tx-end { text-align: end }

```

### `vertical-align`

```css

.tx-baseline { vertical-align: baseline }

.tx-ascent { vertical-align: text-top }

.tx-descent { vertical-align: text-bottom }

.tx-sup { vertical-align: super }

.tx-sub { vertical-align: sub }

.tx-top { vertical-align: top }

.tx-bottom { vertical-align: bottom }

.tx-middle { vertical-align: middle }

```

### `font`

```css

.tx-face { font: inherit }

.tx-sans { font-family: sans-serif }

.tx-mono { font-family: monospace }

.tx-os { font-family: sans-serif; font-family: system-ui }

```