diff --git a/packages/template-tachyons/src/Css.ts b/packages/template-tachyons/src/Css.ts index 88e6774..bb0d5ce 100644 --- a/packages/template-tachyons/src/Css.ts +++ b/packages/template-tachyons/src/Css.ts @@ -56,31 +56,31 @@ class CssBuilder { // borderColor /** Sets `borderColor: "#353535"`. */ - get bBlack() { + get bcBlack() { return this.add("borderColor", "#353535"); } /** Sets `borderColor: "#888888"`. */ - get bMidGray() { + get bcMidGray() { return this.add("borderColor", "#888888"); } /** Sets `borderColor: "#cecece"`. */ - get bLightGray() { + get bcLightGray() { return this.add("borderColor", "#cecece"); } /** Sets `borderColor: "#fcfcfa"`. */ - get bWhite() { + get bcWhite() { return this.add("borderColor", "#fcfcfa"); } /** Sets `borderColor: "#526675"`. */ - get bBlue() { + get bcBlue() { return this.add("borderColor", "#526675"); } /** Sets `borderColor: "rgba(82, 102, 117, 0.3)"`. */ - get bBlueFaded() { + get bcBlueFaded() { return this.add("borderColor", "rgba(82, 102, 117, 0.3)"); } /** Sets `borderColor: "rgba(0, 0, 0, 0)"`. */ - get bHollow() { + get bcHollow() { return this.add("borderColor", "rgba(0, 0, 0, 0)"); } /** Sets `borderColor: value`. */ @@ -132,11 +132,11 @@ class CssBuilder { return this.add("borderStyle", "dotted"); } /** Sets `borderStyle: "none"`. */ - get bsNone() { + get bsn() { return this.add("borderStyle", "none"); } /** Sets `borderStyle: "solid"`. */ - get bsSolid() { + get bss() { return this.add("borderStyle", "solid"); } /** Sets `borderStyle: value`. */ @@ -729,18 +729,6 @@ class CssBuilder { fb(value: Properties["flexBasis"]) { return this.add("flexBasis", value); } - /** Sets `flex: "auto"`. */ - get flexAuto() { - return this.add("flex", "auto"); - } - /** Sets `flex: "none"`. */ - get flexNone() { - return this.add("flex", "none"); - } - /** Sets `flex: value`. */ - flex(value: Properties["flex"]) { - return this.add("flex", value); - } /** Sets `flexGrow: 0`. */ get fg0() { return this.add("flexGrow", 0); @@ -822,11 +810,11 @@ class CssBuilder { // fontWeight /** Sets `fontWeight: "normal"`. */ - get normal() { + get fwn() { return this.add("fontWeight", "normal"); } /** Sets `fontWeight: "bold"`. */ - get b() { + get fwb() { return this.add("fontWeight", "bold"); } /** Sets `fontWeight: 100`. */ @@ -1298,19 +1286,19 @@ class CssBuilder { // overflow /** Sets `overflow: "visible"`. */ - get overflowVisible() { + get ov() { return this.add("overflow", "visible"); } /** Sets `overflow: "hidden"`. */ - get overflowHidden() { + get oh() { return this.add("overflow", "hidden"); } /** Sets `overflow: "scroll"`. */ - get overflowScroll() { + get os() { return this.add("overflow", "scroll"); } /** Sets `overflow: "auto"`. */ - get overflowAuto() { + get oa() { return this.add("overflow", "auto"); } /** Sets `overflow: value`. */ @@ -1318,19 +1306,19 @@ class CssBuilder { return this.add("overflow", value); } /** Sets `overflowY: "visible"`. */ - get overflowYVisible() { + get oyv() { return this.add("overflowY", "visible"); } /** Sets `overflowY: "hidden"`. */ - get overflowYHidden() { + get oyh() { return this.add("overflowY", "hidden"); } /** Sets `overflowY: "scroll"`. */ - get overflowYScroll() { + get oys() { return this.add("overflowY", "scroll"); } /** Sets `overflowY: "auto"`. */ - get overflowYAuto() { + get oya() { return this.add("overflowY", "auto"); } /** Sets `overflowY: value`. */ @@ -1338,19 +1326,19 @@ class CssBuilder { return this.add("overflowY", value); } /** Sets `overflowX: "visible"`. */ - get overflowXVisible() { + get oxv() { return this.add("overflowX", "visible"); } /** Sets `overflowX: "hidden"`. */ - get overflowXHidden() { + get oxh() { return this.add("overflowX", "hidden"); } /** Sets `overflowX: "scroll"`. */ - get overflowXScroll() { + get oxs() { return this.add("overflowX", "scroll"); } /** Sets `overflowX: "auto"`. */ - get overflowXAuto() { + get oxa() { return this.add("overflowX", "auto"); } /** Sets `overflowX: value`. */ @@ -2131,19 +2119,19 @@ class CssBuilder { // textAlign /** Sets `textAlign: "left"`. */ - get tl() { + get tal() { return this.add("textAlign", "left"); } /** Sets `textAlign: "center"`. */ - get tc() { + get tac() { return this.add("textAlign", "center"); } /** Sets `textAlign: "right"`. */ - get tr() { + get tar() { return this.add("textAlign", "right"); } /** Sets `textAlign: "justify"`. */ - get tj() { + get taj() { return this.add("textAlign", "justify"); } /** Sets `textAlign: value`. */ @@ -2153,15 +2141,15 @@ class CssBuilder { // textDecoration /** Sets `textDecoration: "none"`. */ - get noUnderline() { + get tdn() { return this.add("textDecoration", "none"); } /** Sets `textDecoration: "line-through"`. */ - get strike() { + get tdlt() { return this.add("textDecoration", "line-through"); } /** Sets `textDecoration: "underline"`. */ - get underline() { + get tdu() { return this.add("textDecoration", "underline"); } /** Sets `textDecoration: value`. */ @@ -2245,19 +2233,19 @@ class CssBuilder { // userSelect /** Sets `userSelect: "none"`. */ - get selectNone() { + get usn() { return this.add("userSelect", "none"); } /** Sets `userSelect: "text"`. */ - get selectText() { + get ust() { return this.add("userSelect", "text"); } /** Sets `userSelect: "all"`. */ - get selectAll() { + get usAll() { return this.add("userSelect", "all"); } /** Sets `userSelect: "auto"`. */ - get selectAuto() { + get usAuto() { return this.add("userSelect", "auto"); } /** Sets `userSelect: value`. */ @@ -2267,19 +2255,19 @@ class CssBuilder { // verticalAlign /** Sets `verticalAlign: "baseline"`. */ - get vBase() { + get vaBaseline() { return this.add("verticalAlign", "baseline"); } /** Sets `verticalAlign: "middle"`. */ - get vMid() { + get vam() { return this.add("verticalAlign", "middle"); } /** Sets `verticalAlign: "top"`. */ - get vTop() { + get vat() { return this.add("verticalAlign", "top"); } /** Sets `verticalAlign: "bottom"`. */ - get vBottom() { + get vaBottom() { return this.add("verticalAlign", "bottom"); } /** Sets `verticalAlign: value`. */ @@ -2289,11 +2277,11 @@ class CssBuilder { // visibility /** Sets `visibility: "visible"`. */ - get visible() { + get vv() { return this.add("visibility", "visible"); } /** Sets `visibility: "hidden"`. */ - get invisible() { + get vh() { return this.add("visibility", "hidden"); } /** Sets `visibility: value`. */ @@ -2302,18 +2290,6 @@ class CssBuilder { } // whitespace - /** Sets `whiteSpace: "nowrap"`. */ - get nowrap() { - return this.add("whiteSpace", "nowrap"); - } - /** Sets `whiteSpace: "pre"`. */ - get pre() { - return this.add("whiteSpace", "pre"); - } - /** Sets `whiteSpace: "normal"`. */ - get wsNormal() { - return this.add("whiteSpace", "normal"); - } /** Sets `whiteSpace: "pre"`. */ get wsp() { return this.add("whiteSpace", "pre"); @@ -2499,19 +2475,19 @@ class CssBuilder { // wordBreak /** Sets `wordBreak: "normal"`. */ - get breakNormal() { + get wbn() { return this.add("wordBreak", "normal"); } /** Sets `wordBreak: "break-all"`. */ - get breakAll() { + get wbba() { return this.add("wordBreak", "break-all"); } /** Sets `wordBreak: "keep-all"`. */ - get breakKeepAll() { + get wbka() { return this.add("wordBreak", "keep-all"); } /** Sets `wordBreak: "break-word"`. */ - get breakWord() { + get wbbw() { return this.add("wordBreak", "break-word"); } /** Sets `wordBreak: value`. */ diff --git a/packages/testing-tachyons/src/Css.ts b/packages/testing-tachyons/src/Css.ts index 1465dd2..8ab2fc1 100644 --- a/packages/testing-tachyons/src/Css.ts +++ b/packages/testing-tachyons/src/Css.ts @@ -56,27 +56,27 @@ class CssBuilder { // borderColor /** Sets `borderColor: "#353535"`. */ - get bBlack() { + get bcBlack() { return this.add("borderColor", "#353535"); } /** Sets `borderColor: "#888888"`. */ - get bMidGray() { + get bcMidGray() { return this.add("borderColor", "#888888"); } /** Sets `borderColor: "#cecece"`. */ - get bLightGray() { + get bcLightGray() { return this.add("borderColor", "#cecece"); } /** Sets `borderColor: "#fcfcfa"`. */ - get bWhite() { + get bcWhite() { return this.add("borderColor", "#fcfcfa"); } /** Sets `borderColor: "#526675"`. */ - get bBlue() { + get bcBlue() { return this.add("borderColor", "#526675"); } /** Sets `borderColor: "var(--primary)"`. */ - get bPrimary() { + get bcPrimary() { return this.add("borderColor", "var(--primary)"); } /** Sets `borderColor: value`. */ @@ -128,11 +128,11 @@ class CssBuilder { return this.add("borderStyle", "dotted"); } /** Sets `borderStyle: "none"`. */ - get bsNone() { + get bsn() { return this.add("borderStyle", "none"); } /** Sets `borderStyle: "solid"`. */ - get bsSolid() { + get bss() { return this.add("borderStyle", "solid"); } /** Sets `borderStyle: value`. */ @@ -677,18 +677,6 @@ class CssBuilder { fb(value: Properties["flexBasis"]) { return this.add("flexBasis", value); } - /** Sets `flex: "auto"`. */ - get flexAuto() { - return this.add("flex", "auto"); - } - /** Sets `flex: "none"`. */ - get flexNone() { - return this.add("flex", "none"); - } - /** Sets `flex: value`. */ - flex(value: Properties["flex"]) { - return this.add("flex", value); - } /** Sets `flexGrow: 0`. */ get fg0() { return this.add("flexGrow", 0); @@ -770,11 +758,11 @@ class CssBuilder { // fontWeight /** Sets `fontWeight: "normal"`. */ - get normal() { + get fwn() { return this.add("fontWeight", "normal"); } /** Sets `fontWeight: "bold"`. */ - get b() { + get fwb() { return this.add("fontWeight", "bold"); } /** Sets `fontWeight: 100`. */ @@ -1198,19 +1186,19 @@ class CssBuilder { // overflow /** Sets `overflow: "visible"`. */ - get overflowVisible() { + get ov() { return this.add("overflow", "visible"); } /** Sets `overflow: "hidden"`. */ - get overflowHidden() { + get oh() { return this.add("overflow", "hidden"); } /** Sets `overflow: "scroll"`. */ - get overflowScroll() { + get os() { return this.add("overflow", "scroll"); } /** Sets `overflow: "auto"`. */ - get overflowAuto() { + get oa() { return this.add("overflow", "auto"); } /** Sets `overflow: value`. */ @@ -1218,19 +1206,19 @@ class CssBuilder { return this.add("overflow", value); } /** Sets `overflowY: "visible"`. */ - get overflowYVisible() { + get oyv() { return this.add("overflowY", "visible"); } /** Sets `overflowY: "hidden"`. */ - get overflowYHidden() { + get oyh() { return this.add("overflowY", "hidden"); } /** Sets `overflowY: "scroll"`. */ - get overflowYScroll() { + get oys() { return this.add("overflowY", "scroll"); } /** Sets `overflowY: "auto"`. */ - get overflowYAuto() { + get oya() { return this.add("overflowY", "auto"); } /** Sets `overflowY: value`. */ @@ -1238,19 +1226,19 @@ class CssBuilder { return this.add("overflowY", value); } /** Sets `overflowX: "visible"`. */ - get overflowXVisible() { + get oxv() { return this.add("overflowX", "visible"); } /** Sets `overflowX: "hidden"`. */ - get overflowXHidden() { + get oxh() { return this.add("overflowX", "hidden"); } /** Sets `overflowX: "scroll"`. */ - get overflowXScroll() { + get oxs() { return this.add("overflowX", "scroll"); } /** Sets `overflowX: "auto"`. */ - get overflowXAuto() { + get oxa() { return this.add("overflowX", "auto"); } /** Sets `overflowX: value`. */ @@ -1833,19 +1821,19 @@ class CssBuilder { // textAlign /** Sets `textAlign: "left"`. */ - get tl() { + get tal() { return this.add("textAlign", "left"); } /** Sets `textAlign: "center"`. */ - get tc() { + get tac() { return this.add("textAlign", "center"); } /** Sets `textAlign: "right"`. */ - get tr() { + get tar() { return this.add("textAlign", "right"); } /** Sets `textAlign: "justify"`. */ - get tj() { + get taj() { return this.add("textAlign", "justify"); } /** Sets `textAlign: value`. */ @@ -1855,15 +1843,15 @@ class CssBuilder { // textDecoration /** Sets `textDecoration: "none"`. */ - get noUnderline() { + get tdn() { return this.add("textDecoration", "none"); } /** Sets `textDecoration: "line-through"`. */ - get strike() { + get tdlt() { return this.add("textDecoration", "line-through"); } /** Sets `textDecoration: "underline"`. */ - get underline() { + get tdu() { return this.add("textDecoration", "underline"); } /** Sets `textDecoration: value`. */ @@ -1951,19 +1939,19 @@ class CssBuilder { // userSelect /** Sets `userSelect: "none"`. */ - get selectNone() { + get usn() { return this.add("userSelect", "none"); } /** Sets `userSelect: "text"`. */ - get selectText() { + get ust() { return this.add("userSelect", "text"); } /** Sets `userSelect: "all"`. */ - get selectAll() { + get usAll() { return this.add("userSelect", "all"); } /** Sets `userSelect: "auto"`. */ - get selectAuto() { + get usAuto() { return this.add("userSelect", "auto"); } /** Sets `userSelect: value`. */ @@ -1973,19 +1961,19 @@ class CssBuilder { // verticalAlign /** Sets `verticalAlign: "baseline"`. */ - get vBase() { + get vaBaseline() { return this.add("verticalAlign", "baseline"); } /** Sets `verticalAlign: "middle"`. */ - get vMid() { + get vam() { return this.add("verticalAlign", "middle"); } /** Sets `verticalAlign: "top"`. */ - get vTop() { + get vat() { return this.add("verticalAlign", "top"); } /** Sets `verticalAlign: "bottom"`. */ - get vBottom() { + get vaBottom() { return this.add("verticalAlign", "bottom"); } /** Sets `verticalAlign: value`. */ @@ -1995,11 +1983,11 @@ class CssBuilder { // visibility /** Sets `visibility: "visible"`. */ - get visible() { + get vv() { return this.add("visibility", "visible"); } /** Sets `visibility: "hidden"`. */ - get invisible() { + get vh() { return this.add("visibility", "hidden"); } /** Sets `visibility: value`. */ @@ -2008,18 +1996,6 @@ class CssBuilder { } // whitespace - /** Sets `whiteSpace: "nowrap"`. */ - get nowrap() { - return this.add("whiteSpace", "nowrap"); - } - /** Sets `whiteSpace: "pre"`. */ - get pre() { - return this.add("whiteSpace", "pre"); - } - /** Sets `whiteSpace: "normal"`. */ - get wsNormal() { - return this.add("whiteSpace", "normal"); - } /** Sets `whiteSpace: "pre"`. */ get wsp() { return this.add("whiteSpace", "pre"); @@ -2193,19 +2169,19 @@ class CssBuilder { // wordBreak /** Sets `wordBreak: "normal"`. */ - get breakNormal() { + get wbn() { return this.add("wordBreak", "normal"); } /** Sets `wordBreak: "break-all"`. */ - get breakAll() { + get wbba() { return this.add("wordBreak", "break-all"); } /** Sets `wordBreak: "keep-all"`. */ - get breakKeepAll() { + get wbka() { return this.add("wordBreak", "keep-all"); } /** Sets `wordBreak: "break-word"`. */ - get breakWord() { + get wbbw() { return this.add("wordBreak", "break-word"); } /** Sets `wordBreak: value`. */ diff --git a/packages/truss/src/sections/tachyons/borderColors.ts b/packages/truss/src/sections/tachyons/borderColors.ts index 76919d0..94ebe57 100644 --- a/packages/truss/src/sections/tachyons/borderColors.ts +++ b/packages/truss/src/sections/tachyons/borderColors.ts @@ -2,8 +2,6 @@ import { CreateMethodsFn } from "src/config"; import { newMethodsForProp } from "src/methods"; export const borderColor: CreateMethodsFn = ({ palette }) => { - const defs = Object.fromEntries( - Object.entries(palette).map(([key, value]) => [`b${key}`, value]) - ); + const defs = Object.fromEntries(Object.entries(palette).map(([key, value]) => [`bc${key}`, value])); return newMethodsForProp("borderColor", defs, "bc"); }; diff --git a/packages/truss/src/sections/tachyons/borderStyles.ts b/packages/truss/src/sections/tachyons/borderStyles.ts index 5efb31f..f9e1009 100644 --- a/packages/truss/src/sections/tachyons/borderStyles.ts +++ b/packages/truss/src/sections/tachyons/borderStyles.ts @@ -9,8 +9,8 @@ export const borderStyle: CreateMethodsFn = () => { bsDashed: "dashed", bsDotted: "dotted", - bsNone: "none", - bsSolid: "solid", + bsn: "none", + bss: "solid", }, - "bs" + "bs", ); diff --git a/packages/truss/src/sections/tachyons/boxShadow.ts b/packages/truss/src/sections/tachyons/boxShadow.ts index 3ad44df..f0e08b0 100644 --- a/packages/truss/src/sections/tachyons/boxShadow.ts +++ b/packages/truss/src/sections/tachyons/boxShadow.ts @@ -2,5 +2,6 @@ import { newMethod } from "src/methods"; import { CreateMethodsFn } from "src/config"; export const boxShadow: CreateMethodsFn = () => [ + // bsn is taken by `borderStyle: none`. newMethod("shadowNone", { boxShadow: "none" }), ]; diff --git a/packages/truss/src/sections/tachyons/flexbox.ts b/packages/truss/src/sections/tachyons/flexbox.ts index c027e18..f5fa583 100644 --- a/packages/truss/src/sections/tachyons/flexbox.ts +++ b/packages/truss/src/sections/tachyons/flexbox.ts @@ -146,8 +146,6 @@ export const flexbox: CreateMethodsFn = () => [ "fb", ), - ...newMethodsForProp("flex", { flexAuto: "auto", flexNone: "none" }), - ...newMethodsForProp("flexGrow", { fg0: 0, fg1: 1 }), ...newMethodsForProp("flexShrink", { fs0: 0, fs1: 1 }), diff --git a/packages/truss/src/sections/tachyons/fontWeight.ts b/packages/truss/src/sections/tachyons/fontWeight.ts index 7ee471a..a98e13b 100644 --- a/packages/truss/src/sections/tachyons/fontWeight.ts +++ b/packages/truss/src/sections/tachyons/fontWeight.ts @@ -5,8 +5,8 @@ export const fontWeight: CreateMethodsFn = () => newMethodsForProp( "fontWeight", { - normal: "normal", - b: "bold", + fwn: "normal", + fwb: "bold", fw1: 100, fw2: 200, fw3: 300, @@ -17,5 +17,5 @@ export const fontWeight: CreateMethodsFn = () => fw8: 800, fw9: 900, }, - "fw" + "fw", ); diff --git a/packages/truss/src/sections/tachyons/overflow.ts b/packages/truss/src/sections/tachyons/overflow.ts index 80afaee..4bbcb4b 100644 --- a/packages/truss/src/sections/tachyons/overflow.ts +++ b/packages/truss/src/sections/tachyons/overflow.ts @@ -5,22 +5,22 @@ import { newMethodsForProp } from "src/methods"; export const overflow: CreateMethodsFn = () => { return [ ...newMethodsForProp("overflow", { - overflowVisible: "visible", - overflowHidden: "hidden", - overflowScroll: "scroll", - overflowAuto: "auto", + ov: "visible", + oh: "hidden", + os: "scroll", + oa: "auto", }), ...newMethodsForProp("overflowY", { - overflowYVisible: "visible", - overflowYHidden: "hidden", - overflowYScroll: "scroll", - overflowYAuto: "auto", + oyv: "visible", + oyh: "hidden", + oys: "scroll", + oya: "auto", }), ...newMethodsForProp("overflowX", { - overflowXVisible: "visible", - overflowXHidden: "hidden", - overflowXScroll: "scroll", - overflowXAuto: "auto", + oxv: "visible", + oxh: "hidden", + oxs: "scroll", + oxa: "auto", }), ]; }; diff --git a/packages/truss/src/sections/tachyons/textAlign.ts b/packages/truss/src/sections/tachyons/textAlign.ts index db9bb3c..b633531 100644 --- a/packages/truss/src/sections/tachyons/textAlign.ts +++ b/packages/truss/src/sections/tachyons/textAlign.ts @@ -6,10 +6,10 @@ export const textAlign: CreateMethodsFn = () => newMethodsForProp( "textAlign", { - tl: "left", - tc: "center", - tr: "right", - tj: "justify", + tal: "left", + tac: "center", + tar: "right", + taj: "justify", }, "ta" ); diff --git a/packages/truss/src/sections/tachyons/textDecoration.ts b/packages/truss/src/sections/tachyons/textDecoration.ts index 2941a2c..082d09c 100644 --- a/packages/truss/src/sections/tachyons/textDecoration.ts +++ b/packages/truss/src/sections/tachyons/textDecoration.ts @@ -3,7 +3,7 @@ import { CreateMethodsFn } from "src/config"; export const textDecoration: CreateMethodsFn = () => newMethodsForProp("textDecoration", { - noUnderline: "none", - strike: "line-through", - underline: "underline", + tdn: "none", + tdlt: "line-through", + tdu: "underline", }); diff --git a/packages/truss/src/sections/tachyons/userSelect.ts b/packages/truss/src/sections/tachyons/userSelect.ts index bf8cce1..6dda911 100644 --- a/packages/truss/src/sections/tachyons/userSelect.ts +++ b/packages/truss/src/sections/tachyons/userSelect.ts @@ -6,10 +6,10 @@ export const userSelect: CreateMethodsFn = () => newMethodsForProp( "userSelect", { - selectNone: "none", - selectText: "text", - selectAll: "all", - selectAuto: "auto", + usn: "none", + ust: "text", + usAll: "all", + usAuto: "auto", }, - "select" + "select", ); diff --git a/packages/truss/src/sections/tachyons/verticalAlign.ts b/packages/truss/src/sections/tachyons/verticalAlign.ts index b996200..81d1004 100644 --- a/packages/truss/src/sections/tachyons/verticalAlign.ts +++ b/packages/truss/src/sections/tachyons/verticalAlign.ts @@ -5,10 +5,10 @@ export const verticalAlign: CreateMethodsFn = () => newMethodsForProp( "verticalAlign", { - vBase: "baseline", - vMid: "middle", - vTop: "top", - vBottom: "bottom", + vaBaseline: "baseline", + vam: "middle", + vat: "top", + vaBottom: "bottom", }, - "va" + "va", ); diff --git a/packages/truss/src/sections/tachyons/visibility.ts b/packages/truss/src/sections/tachyons/visibility.ts index 6b5de71..760310b 100644 --- a/packages/truss/src/sections/tachyons/visibility.ts +++ b/packages/truss/src/sections/tachyons/visibility.ts @@ -4,6 +4,6 @@ import { CreateMethodsFn } from "src/config"; // https://tailwindcss.com/docs/visibility/ export const visibility: CreateMethodsFn = () => newMethodsForProp("visibility", { - visible: "visible", - invisible: "hidden", + vv: "visible", + vh: "hidden", }); diff --git a/packages/truss/src/sections/tachyons/whitespace.ts b/packages/truss/src/sections/tachyons/whitespace.ts index e3cc1a1..f56da58 100644 --- a/packages/truss/src/sections/tachyons/whitespace.ts +++ b/packages/truss/src/sections/tachyons/whitespace.ts @@ -3,10 +3,6 @@ import { CreateMethodsFn } from "src/config"; export const whitespace: CreateMethodsFn = () => newMethodsForProp("whiteSpace", { - nowrap: "nowrap", - pre: "pre", - wsNormal: "normal", - // Keep our old abbrevations + new more abbreviated ones wsp: "pre", wsn: "normal", wsnw: "nowrap", diff --git a/packages/truss/src/sections/tachyons/wordBreak.ts b/packages/truss/src/sections/tachyons/wordBreak.ts index c73f37f..4889b59 100644 --- a/packages/truss/src/sections/tachyons/wordBreak.ts +++ b/packages/truss/src/sections/tachyons/wordBreak.ts @@ -4,8 +4,8 @@ import { newMethodsForProp } from "src/methods"; // https://github.com/tachyons-css/tachyons-word-break/blob/master/src/tachyons-word-break.css export const wordBreak: CreateMethodsFn = () => newMethodsForProp("wordBreak", { - breakNormal: "normal", - breakAll: "break-all", - breakKeepAll: "keep-all", - breakWord: "break-word", + wbn: "normal", + wbba: "break-all", + wbka: "keep-all", + wbbw: "break-word", });