1. tachyons-js
Tachyons for your favorite inline-styles package
tachyons-js
Package: tachyons-js
Created by: jongold
Last modified: Mon, 27 Jun 2022 03:32:46 GMT
Version: 0.3.1
License: MIT
Downloads: 246
Repository: https://github.com/jongold/tachyons-js

Install

npm install tachyons-js
yarn add tachyons-js

tachyons-js

Use tachyons with your favorite CSS-in-JS composition solution.

Differences:

  • snake_cased rather than kebab-cased

Usage:

Works great with aphrodite:

 :root {
  // fill in all of the tachyons default variables,
  // or import 'tachyons-js/variables.css';
}
 import { StyleSheet } from 'aphrodite';
import t from 'tachyons-js';

const styles = StyleSheet.create({
  foo: {
    ...t.ma2,
    ...t.ma2_ns,
    ...t.bg_black,
    ...t.ph2,
    ...t.ph3_m,
    ...t.ph3_l,
  },
});

hmu if it breaks.

Dependencies

native-css: ^1.2.3ramda: ^0.21.0tachyons: ^4.7.4tachyons-aspect-ratios: ^1.0.1tachyons-background-position: ^1.0.3tachyons-background-size: ^5.0.5tachyons-border-colors: ^4.2.3tachyons-border-radius: ^5.1.3tachyons-border-style: ^4.0.4tachyons-border-widths: ^3.0.4tachyons-borders: ^3.0.4tachyons-box-shadow: ^2.0.4tachyons-box-sizing: ^3.2.1tachyons-clears: ^3.0.4tachyons-code: ^1.0.0tachyons-colors: ^5.2.1tachyons-coordinates: ^4.0.4tachyons-debug: ^1.1.3tachyons-display: ^5.0.4tachyons-flexbox: ^2.0.5tachyons-floats: ^3.0.4tachyons-font-family: ^4.3.3tachyons-font-style: ^4.0.4tachyons-font-weight: ^5.0.4tachyons-forms: ^3.1.3tachyons-heights: ^6.1.3tachyons-hovers: ^2.5.1tachyons-images: ^1.0.11tachyons-letter-spacing: ^3.0.4tachyons-line-height: ^3.0.6tachyons-links: ^3.0.10tachyons-lists: ^2.0.12tachyons-max-widths: ^4.0.4tachyons-modular-nested: ^1.0.0tachyons-modules: ^1.1.3tachyons-negative-margin: ^1.0.0tachyons-opacity: ^1.1.8tachyons-outlines: ^1.0.2tachyons-overflow: ^4.0.4tachyons-position: ^6.0.4tachyons-rotations: ^1.0.2tachyons-skins: ^4.0.3tachyons-skins-pseudo: ^1.0.3tachyons-spacing: ^6.0.4tachyons-styles: ^0.3.4tachyons-tables: ^1.0.7tachyons-text-align: ^3.0.4tachyons-text-decoration: ^4.0.4tachyons-text-transform: ^4.0.4tachyons-type-scale: ^6.0.4tachyons-typography: ^3.0.4tachyons-utilities: ^2.0.0tachyons-vertical-align: ^4.0.4tachyons-visibility: ^2.0.4tachyons-white-space: ^4.0.5tachyons-widths: ^5.1.1tachyons-word-break: 2.0.0tachyons-z-index: ^1.0.8

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code