From b36a2cf3132201e419109066009b027ec4df1778 Mon Sep 17 00:00:00 2001 From: kj Date: Wed, 26 Apr 2023 16:33:35 -0700 Subject: [PATCH] Updates comments and removes unused files. --- align.mjs | 2 +- background.mjs | 2 +- border.mjs | 2 +- color.mjs | 2 +- cursor.mjs | 2 +- decoration.mjs | 2 +- display.mjs | 2 +- family.mjs | 2 +- fill.mjs | 2 +- flex.mjs | 2 +- grid.mjs | 2 +- inset.mjs | 2 +- layout.mjs | 2 +- line-height.mjs | 2 +- list.mjs | 2 +- margin.mjs | 2 +- object-fit.mjs | 2 +- object-position.mjs | 2 +- opacity.mjs | 2 +- outline.mjs | 2 +- overflow.mjs | 2 +- padding.mjs | 2 +- position.mjs | 2 +- properties.mjs | 2 +- radius.mjs | 2 +- reset.mjs | 2 +- size.mjs | 2 +- sizes.mjs | 2 +- smoothing.mjs | 2 +- stroke.mjs | 2 +- style.mjs | 2 +- theme-color.mjs | 2 +- theme.mjs | 2 +- tracking.mjs | 2 +- transform.mjs | 2 +- truncate.mjs | 8 -------- typeface.mjs | 2 +- user-select.mjs | 2 +- utils.mjs | 9 --------- visibility.mjs | 2 +- weights.mjs | 4 ++-- white-space.mjs | 2 +- word-break.mjs | 2 +- z-index.mjs | 4 ++-- 44 files changed, 44 insertions(+), 61 deletions(-) delete mode 100644 truncate.mjs delete mode 100644 utils.mjs diff --git a/align.mjs b/align.mjs index 3a89ee1..0d1cdad 100644 --- a/align.mjs +++ b/align.mjs @@ -1,6 +1,6 @@ export default function align(query='') { return /*css*/` -/* ALIGN */ +/*** Align ****/ .text-inherit${query}{text-align:inherit;} .text-center${query}{text-align:center;} .text-start${query}{text-align:start;} diff --git a/background.mjs b/background.mjs index d96ae4d..9436154 100644 --- a/background.mjs +++ b/background.mjs @@ -1,7 +1,7 @@ export default function background(state={}) { const { query='' } = state return /*css*/` -/* BACKGROUND */ +/*** Background ***/ .bg-fixed${query}{background-attachment:fixed;} .bg-local${query}{background-attachment:local;} .bg-scroll${query}{background-attachment:scroll;} diff --git a/border.mjs b/border.mjs index d35969c..22535bd 100644 --- a/border.mjs +++ b/border.mjs @@ -7,7 +7,7 @@ export default function border(state={}) { config.borders.widths || [1]) widths.unshift(0) let output = /*css*/` -/* BORDER */ +/*** Border ***/ .border-solid${query}{border-style:solid;} .border-dashed${query}{border-style:dashed;} .border-dotted${query}{border-style:dotted;} diff --git a/color.mjs b/color.mjs index 5d30333..05dfe17 100644 --- a/color.mjs +++ b/color.mjs @@ -1,6 +1,6 @@ export default function color(state={}) { return /*css*/` -/* COLOR */ +/*** Color ***/ .text-current{color:currentColor}/* current color */ .text-transparent{color:transparent}/* transparent */ diff --git a/cursor.mjs b/cursor.mjs index 0b77e28..69b80e3 100644 --- a/cursor.mjs +++ b/cursor.mjs @@ -1,6 +1,6 @@ export default function Cursor(query) { return /*css*/` -/* CURSOR */ +/*** Cursor ***/ .cursor-auto${query}{cursor:auto;} .cursor-default${query}{cursor:default;} .cursor-pointer${query}{cursor:pointer;} diff --git a/decoration.mjs b/decoration.mjs index 42a5d27..25cd970 100644 --- a/decoration.mjs +++ b/decoration.mjs @@ -1,6 +1,6 @@ export default function decoration(query='') { return /*css*/` -/* DECORATION */ +/*** Decoration ***/ .no-underline${query}{text-decoration:none;} .underline${query}{text-decoration:underline;} .line-through${query}{text-decoration:line-through;} diff --git a/display.mjs b/display.mjs index 6924f85..89cd70b 100644 --- a/display.mjs +++ b/display.mjs @@ -1,6 +1,6 @@ export default function display (query) { return /*css*/` -/* DISPLAY */ +/*** Display ***/ .hidden${query}{display:none;} .block${query}{display:block;} .inline${query}{display:inline;} diff --git a/family.mjs b/family.mjs index 993c9e8..087b88b 100644 --- a/family.mjs +++ b/family.mjs @@ -14,7 +14,7 @@ export default function family(state={}) { : _default return /*css*/` -/* FAMILY */ +/*** Family ***/ ${out} ` } diff --git a/fill.mjs b/fill.mjs index 534cb72..d61b950 100644 --- a/fill.mjs +++ b/fill.mjs @@ -1,7 +1,7 @@ export default function fill (state={}) { const { query='' } = state return /*css*/` -/* FILL */ +/*** Fill ***/ .fill-none${query}{fill:none} .fill-current${query}{fill:currentColor} ` diff --git a/flex.mjs b/flex.mjs index 13c9fe5..bbcf756 100644 --- a/flex.mjs +++ b/flex.mjs @@ -1,6 +1,6 @@ export default function flex(query='') { return /*css*/` -/* FLEX */ +/*** Flex ***/ .flex-1${query}{flex: 1 1 0%;} .flex-auto${query}{flex: 1 1 auto;} .flex-initial${query}{flex: 0 1 auto;} diff --git a/grid.mjs b/grid.mjs index b141194..941ed6c 100644 --- a/grid.mjs +++ b/grid.mjs @@ -8,7 +8,7 @@ export default function grid(state={}) { const gridHeights = grid.heights || [] const query = state.label || '' let output = /*css*/` -/* GRID */ +/*** Grid ***/ .flow-row${query}{grid-auto-flow:row;} .flow-col${query}{grid-auto-flow:column;} .flow-row-dense${query}{grid-auto-flow:row dense;} diff --git a/inset.mjs b/inset.mjs index 32808c1..5dfa4d7 100644 --- a/inset.mjs +++ b/inset.mjs @@ -1,6 +1,6 @@ export default function inset (query='') { return /*css*/` -/* INSET */ +/*** Inset ***/ .inset-0${query}{inset:0} .inset-b-0${query}{inset-block:0} .inset-bs-0${query}{inset-block-start:0} diff --git a/layout.mjs b/layout.mjs index 24f6dd3..0c3e2b5 100644 --- a/layout.mjs +++ b/layout.mjs @@ -9,7 +9,7 @@ import zIndex from './z-index.mjs' export default function layout(state={}) { const { label:query='' } = state return /*css*/` -/* LAYOUT */ +/*** Layout ***/ ${position(query)} ${inset(query)} diff --git a/line-height.mjs b/line-height.mjs index 23193c5..a718906 100644 --- a/line-height.mjs +++ b/line-height.mjs @@ -1,6 +1,6 @@ export default function lineHeight (query='') { return /*css*/` -/* LINE HEIGHT */ +/*** Line Height ***/ .leading5${query}{line-height: 2;} .leading4${query}{line-height: 1.625;} .leading3${query}{line-height: 1.5;} diff --git a/list.mjs b/list.mjs index 0702743..88104ff 100644 --- a/list.mjs +++ b/list.mjs @@ -1,6 +1,6 @@ export default function list(query='') { return /*css*/` -/* LIST */ +/*** List ***/ .list-none${query}{list-style:none;} .list-disc${query}{list-style:disc;} .list-decimal${query}{list-style:decimal;} diff --git a/margin.mjs b/margin.mjs index c00835a..709c13e 100644 --- a/margin.mjs +++ b/margin.mjs @@ -4,7 +4,7 @@ import rems from './rems.mjs' export default function margin (state={}) { const { config, label:query } = state let output = /*css*/` -/* MARGIN */ +/*** Margin ***/ .m-none${query}{margin:0} .mb-none${query}{margin-block:0} .mbs-none${query}{margin-block-start:0} diff --git a/object-fit.mjs b/object-fit.mjs index cdb958c..e0811ae 100644 --- a/object-fit.mjs +++ b/object-fit.mjs @@ -1,6 +1,6 @@ export default function ObjectFit(query='') { return /*css*/` -/* OBJECT FIT */ +/*** Object Fit ***/ .object-contain${query}{object-fit:contain;} .object-cover${query}{object-fit:cover;} .object-fill${query}{object-fit:fill;} diff --git a/object-position.mjs b/object-position.mjs index cd56d95..cd2a0a4 100644 --- a/object-position.mjs +++ b/object-position.mjs @@ -1,6 +1,6 @@ export default function ObjectPosition(query) { return /*css*/` -/* OBJECT POSITION */ +/*** Object Position ***/ .object-b${query}{object-position:bottom;} .object-c${query}{object-position:center;} .object-t${query}{object-position:top;} diff --git a/opacity.mjs b/opacity.mjs index a07f79e..f81ce63 100644 --- a/opacity.mjs +++ b/opacity.mjs @@ -1,6 +1,6 @@ export default function Opacity(query) { return /*css*/` -/* OPACITY */ +/*** Opacity ***/ .opacity-0${query}{opacity:0;} .opacity-25${query}{opacity:0.25;} .opacity-50${query}{opacity:0.5;} diff --git a/outline.mjs b/outline.mjs index a45e218..c531089 100644 --- a/outline.mjs +++ b/outline.mjs @@ -1,6 +1,6 @@ export default function Outline(query) { return /*css*/` -/* OUTLINE */ +/*** Outline ***/ .outline-none${query}{outline:0;} ` } diff --git a/overflow.mjs b/overflow.mjs index 66be9fc..0c04f6a 100644 --- a/overflow.mjs +++ b/overflow.mjs @@ -1,6 +1,6 @@ export default function overflow (query) { return /*css*/` -/* OVERFLOW */ +/*** Overflow ***/ .overflow-auto${query}{overflow:auto;} .truncate${query}, .overflow-hidden${query}{overflow:hidden;} diff --git a/padding.mjs b/padding.mjs index 0ece9de..d95f6c9 100644 --- a/padding.mjs +++ b/padding.mjs @@ -4,7 +4,7 @@ import rems from './rems.mjs' export default function padding(state={}) { const { config, label:query } = state let output = /*css*/` -/* PADDING */ +/*** Padding ***/ .p-none${query}{padding:0} .pb-none${query}{padding-block:0} .pbs-none${query}{padding-block-start:0} diff --git a/position.mjs b/position.mjs index 5bfcdce..4e3c1e5 100644 --- a/position.mjs +++ b/position.mjs @@ -1,6 +1,6 @@ export default function position(query='') { return /*css*/` -/* POSITION */ +/*** Position ***/ .sticky${query}{position:sticky;} .static${query}{position:static;} .absolute${query}{position:absolute;} diff --git a/properties.mjs b/properties.mjs index a80197a..e131a38 100644 --- a/properties.mjs +++ b/properties.mjs @@ -4,7 +4,7 @@ export default function properties(state={}) { let output = '' if (Object.keys(properties)) { output = /*css*/` -/* CUSTOM PROPERTIES */ +/*** Custom Properties ***/ ` output += Object.keys(properties).map(key => `--${key}:${properties[key]};/* ${key} */`).join('\n') diff --git a/radius.mjs b/radius.mjs index ae9dbe9..c5edc29 100644 --- a/radius.mjs +++ b/radius.mjs @@ -2,7 +2,7 @@ export default function radius (state={}) { const { config={}, query=''} = state const { radii=[] } = config let output = /*css*/` -/* RADIUS */ +/*** Radius ***/ .radius-none${query}{border-radius:0;} .radius-100${query}{border-radius:100%;} .radius-pill${query}{border-radius:9999px;} diff --git a/reset.mjs b/reset.mjs index da503b9..3755d36 100644 --- a/reset.mjs +++ b/reset.mjs @@ -1,6 +1,6 @@ export default function reset (query) { return /*css*/` -/* RESET */ +/*** Reset ***/ *, *::before, *::after { diff --git a/size.mjs b/size.mjs index 34e4720..a3d37ba 100644 --- a/size.mjs +++ b/size.mjs @@ -1,6 +1,6 @@ export default function size (query='') { return /*css*/` -/* SIZE */ +/*** Size ***/ .sb-0${query}{block-size:0} .sb-auto${query}{block-size:auto} .sb-100${query}{block-size:100%} diff --git a/sizes.mjs b/sizes.mjs index 50c4b43..e1988c0 100644 --- a/sizes.mjs +++ b/sizes.mjs @@ -5,7 +5,7 @@ export default function sizes(state={}) { const { config={}, label:query='' } = state const scale = Scale(config) let output = /*css*/` -/* SIZES */ +/*** Sizes ***/ ` const l = scale.length const half = Math.floor(l * 0.5) diff --git a/smoothing.mjs b/smoothing.mjs index 7e97066..ecc2cf4 100644 --- a/smoothing.mjs +++ b/smoothing.mjs @@ -1,6 +1,6 @@ export default function Smoothing() { return ` -/* SMOOTHING */ +/*** Smoothing ***/ .font-smoothing { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/stroke.mjs b/stroke.mjs index aa72af5..33fa37b 100644 --- a/stroke.mjs +++ b/stroke.mjs @@ -1,7 +1,7 @@ export default function stroke(state={}) { const { query='' } = state return /*css*/` -/* STROKE */ +/*** Stroke ***/ .stroke-none${query}{stroke:none;} .stroke-current${query}{stroke:currentColor;} ` diff --git a/style.mjs b/style.mjs index ff9b4e9..4e32fc3 100644 --- a/style.mjs +++ b/style.mjs @@ -1,6 +1,6 @@ export default function Style(query='') { return /*css*/` -/* Style */ +/*** Style ***/ .italic${query}{font-style:italic;} .not-italic${query}{font-style:normal;} ` diff --git a/theme-color.mjs b/theme-color.mjs index 794fcba..8ddb373 100644 --- a/theme-color.mjs +++ b/theme-color.mjs @@ -22,7 +22,7 @@ export default function themeColor({ config }) { ` } return /*css*/` -/* THEME COLORS */ +/*** Theme Colors ***/ ${Object.keys(theme).map(name => { if (name === 'light' || name === 'dark') { return ` --${name}: ${theme[name]};` diff --git a/theme.mjs b/theme.mjs index d0541f1..3d94fa1 100644 --- a/theme.mjs +++ b/theme.mjs @@ -11,7 +11,7 @@ import stroke from './stroke.mjs' export default function theme(config) { return /*css*/` -/* THEME */ +/*** Theme ***/ :root { ${themeColor({config})} ${properties({config})} diff --git a/tracking.mjs b/tracking.mjs index 46f4982..84989b5 100644 --- a/tracking.mjs +++ b/tracking.mjs @@ -1,6 +1,6 @@ export default function tracking(query) { return /*css*/` -/* TRACKING */ +/*** Tracking ***/ .tracking3${query}{letter-spacing: 0.1em;} .tracking2${query}{letter-spacing: 0.05em;} .tracking1${query}{letter-spacing: 0.025em;} diff --git a/transform.mjs b/transform.mjs index 2870ae2..86b2f83 100644 --- a/transform.mjs +++ b/transform.mjs @@ -1,6 +1,6 @@ export default function transform(query='') { return /*css*/` -/* TEXT TRANSFORM */ +/*** Text Transform ***/ .uppercase${query}{text-transform:uppercase;} .lowercase${query}{text-transform:lowercase;} .capitalize${query}{text-transform:capitalize;} diff --git a/truncate.mjs b/truncate.mjs deleted file mode 100644 index d5f4218..0000000 --- a/truncate.mjs +++ /dev/null @@ -1,8 +0,0 @@ -export default function Truncate(query='') { - return /*css*/` -.truncate${query}, -.space-nowrap${query}{white-space:nowrap;} -.truncate${query}, -.ellipsis{text-overflow:ellipsis;} - ` -} diff --git a/typeface.mjs b/typeface.mjs index f979510..92d56ea 100644 --- a/typeface.mjs +++ b/typeface.mjs @@ -4,7 +4,7 @@ export default function typeface(state={}) { const { config={} } = state const { base=16 } = config return /*css*/` -/* TYPEFACE */ +/*** Typeface ***/ html {font-size: ${base}px;} ${family(config)} body { diff --git a/user-select.mjs b/user-select.mjs index 0cd0759..bfc5b15 100644 --- a/user-select.mjs +++ b/user-select.mjs @@ -1,6 +1,6 @@ export default function userSelect(query='') { return /*css*/` -/* USER SELECT */ +/*** User Select ***/ .select-none${query}{user-select:none;} .select-text${query}{user-select:text;} .select-all${query}{user-select:all;} diff --git a/utils.mjs b/utils.mjs deleted file mode 100644 index 9789835..0000000 --- a/utils.mjs +++ /dev/null @@ -1,9 +0,0 @@ -import truncate from './truncate.mjs' - -export default function utils(query='') { - var output = ` -/* UTILS */ -` - output += truncate(query) - return output -} diff --git a/visibility.mjs b/visibility.mjs index a69b034..a80f1d9 100644 --- a/visibility.mjs +++ b/visibility.mjs @@ -1,6 +1,6 @@ export default function overflow (query='') { return /*css*/` -/* VISIBILITY */ +/*** Visibility ***/ .invisible${query}{visibility:hidden;} .visible${query}{visibility:visible;} ` diff --git a/weights.mjs b/weights.mjs index a27587a..a05d8a2 100644 --- a/weights.mjs +++ b/weights.mjs @@ -1,6 +1,6 @@ -export default function (query='') { +export default function FontWeight (query='') { return /*css*/` -/* WEIGHTS */ +/*** Font Weight ***/ .font-hairline${query}{font-weight:100;} .font-thin${query}{font-weight:200;} .font-light${query}{font-weight:300;} diff --git a/white-space.mjs b/white-space.mjs index e3392ca..d1f1c99 100644 --- a/white-space.mjs +++ b/white-space.mjs @@ -1,6 +1,6 @@ export default function whitespace(query='') { return /*css*/` -/* WHITESPACE */ +/*** Whitespace ***/ .whitespace-normal${query}{white-space:normal;} .truncate${query}, .whitespace-no-wrap${query}{white-space:nowrap;} diff --git a/word-break.mjs b/word-break.mjs index e150217..38be722 100644 --- a/word-break.mjs +++ b/word-break.mjs @@ -1,6 +1,6 @@ export default function wordbreak(query='') { return /*css*/` -/* WORDBREAK */ +/*** Wordbreak ***/ .break-normal${query}{word-break:normal} .break-normal${query}, .break-word${query}{overflow-wrap:normal} diff --git a/z-index.mjs b/z-index.mjs index 2e1e101..36962db 100644 --- a/z-index.mjs +++ b/z-index.mjs @@ -1,9 +1,9 @@ export default function ZIndex(query='') { return /*css*/` -/* Z-INDEX */ +/*** Z-Index ***/ .z-auto${query}{z-index:auto;} .z1${query}{z-index:1;} .z0${query}{z-index:0;} .z-1${query}{z-index:-1;} ` -} \ No newline at end of file +}