import * as CSS from 'csstype'; import {NanoRenderer} from '../types/nano'; type TLength = string | number; export interface Atoms { // Positioning /** * Short for `position` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ pos?: CSS.Property.Position; /** * Short for `top` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ t?: CSS.Property.Top; /** * Short for `right` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ r?: CSS.Property.Right; /** * Short for `bottom` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ b?: CSS.Property.Bottom; /** * Short for `left` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ l?: CSS.Property.Left; /** * Short for `z-index` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ z?: CSS.Property.ZIndex; // Layout (box model) /** * Short for `display` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ d?: CSS.Property.Display; /** * Short for `visibility` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ vis?: CSS.Property.Visibility; /** * Short for `width` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ w?: CSS.Property.Width; /** * Short for `min-width` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ minW?: CSS.Property.MinWidth; /** * Short for `max-width` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ maxW?: CSS.Property.MaxWidth; /** * Short for `height` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ h?: CSS.Property.Height; /** * Short for `min-height` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ minH?: CSS.Property.MinHeight; /** * Short for `max-height` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ maxH?: CSS.Property.MaxHeight; /** * Short for `overflow` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ov?: CSS.Property.Overflow; /** * Short for `overflow-x` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ovx?: CSS.Property.OverflowX; /** * Short for `overflow-y` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ovy?: CSS.Property.OverflowX; /** * Short for `box-sizing` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bxz?: CSS.Property.BoxSizing; /** * Short for `clip` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ cl?: CSS.Property.Clip; /** * Short for `clip-path` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ clp?: CSS.Property.ClipPath; /** * Short for `table-layout` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ clr?: CSS.Property.Clear; /** * Short for `table-layout` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ tbl?: CSS.Property.TableLayout; // Flexbox /** * Short for `flex` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ fl?: CSS.Property.Flex; /** * Short for `flex-direction` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ fld?: CSS.Property.FlexDirection; /** * Short for `flex-grow` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ flg?: CSS.Property.FlexGrow; /** * Short for `flex-shrink` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ fls?: CSS.Property.FlexShrink; /** * Short for `flex-basis` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ flb?: CSS.Property.FlexBasis; /** * Short for `flex-wrap` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ flw?: CSS.Property.FlexWrap; /** * Short for `justify-content` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ jc?: CSS.Property.JustifyContent; /** * Short for `align-items` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ai?: CSS.Property.AlignItems; /** * Short for `align-content` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ac?: CSS.Property.AlignContent; /** * Short for `align-self` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ as?: CSS.Property.AlignSelf; // Margins /** * Short for `margin` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ mr?: CSS.Property.Margin; /** * Short for `margin-top` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ mrt?: CSS.Property.MarginTop; /** * Short for `margin-right` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ mrr?: CSS.Property.MarginRight; /** * Short for `margin-bottom` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ mrb?: CSS.Property.MarginBottom; /** * Short for `margin-left` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ mrl?: CSS.Property.MarginLeft; /** * Same as `mr`. * @deprecated Use `mr` instead. */ mar?: CSS.Property.Margin; /** * Same as `mrt`. * @deprecated Use `mrt` instead. */ mart?: CSS.Property.MarginTop; /** * Same as `mrr`. * @deprecated Use `mrr` instead. */ marr?: CSS.Property.MarginRight; /** * Same as `mrb`. * @deprecated Use `mrb` instead. */ marb?: CSS.Property.MarginBottom; /** * Same as `mrl`. * @deprecated Use `mrl` instead. */ marl?: CSS.Property.MarginLeft; // Paddings /** * Short for `padding` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ pd?: CSS.Property.Padding; /** * Short for `padding-top` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ pdt?: CSS.Property.PaddingTop; /** * Short for `padding-right` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ pdr?: CSS.Property.PaddingRight; /** * Short for `padding-bottom` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ pdb?: CSS.Property.PaddingBottom; /** * Short for `padding-left` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ pdl?: CSS.Property.PaddingLeft; /** * Same as `pd`. * @deprecated Use `pd` instead. */ pad?: CSS.Property.Padding; /** * Same as `pdt`. * @deprecated Use `pdt` instead. */ padt?: CSS.Property.PaddingTop; /** * Same as `pdr`. * @deprecated Use `pdr` instead. */ padr?: CSS.Property.PaddingRight; /** * Same as `pdb`. * @deprecated Use `pdb` instead. */ padb?: CSS.Property.PaddingBottom; /** * Same as `pdl`. * @deprecated Use `pdl` instead. */ padl?: CSS.Property.PaddingLeft; // Borders /** * Short for `border` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bd?: CSS.Property.BorderBottom; /** * Short for `border-top` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bdt?: CSS.Property.BorderTop; /** * Short for `border-right` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bdr?: CSS.Property.BorderRight; /** * Short for `border-bottom` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bdb?: CSS.Property.BorderBottom; /** * Short for `border-left` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bdl?: CSS.Property.BorderLeft; /** * Short for `border-radius` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bdrad?: CSS.Property.BorderRadius; /** * Short for `border-color` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bdc?: CSS.Property.BorderColor; /** * Short for `border-style` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bds?: CSS.Property.BorderStyle; /** * Short for `outline` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ out?: CSS.Property.Outline; /** * Short for `box-shadow` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bxsh?: CSS.Property.BoxShadow; // Colors /** * Short for `color` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ col?: CSS.Property.Color; /** * Short for `opacity` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ op?: number | string; /** * Short for `background` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bg?: CSS.Property.Background; /** * Short for `background-color` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bgc?: CSS.Property.BackgroundColor; /** * Short for `background-image` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bgi?: CSS.Property.BackgroundImage; /** * Short for `background-repeat` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bgr?: CSS.Property.BackgroundRepeat; /** * Short for `background-attachment` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bga?: CSS.Property.BackgroundAttachment; /** * Short for `background-position` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bgp?: CSS.Property.BackgroundPosition; /** * Short for `background-size` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bgs?: CSS.Property.BackgroundSize; /** * Short for `background-origin` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bgo?: CSS.Property.BackgroundOrigin; /** * Short for `background-clip` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bgcl?: CSS.Property.BackgroundClip; /** * Short for `backdrop-filter` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bdfl?: CSS.Property.BackdropFilter; /** * Short for `backface-visibility` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ bfvis?: CSS.Property.BackfaceVisibility; // Text /** * Short for `font` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ f?: CSS.Property.Font; /** * Short for `font-size` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ fz?: CSS.Property.FontSize; /** * Short for `font-style` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ fs?: CSS.Property.FontStyle; /** * Short for `font-weight` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ fw?: CSS.Property.FontWeight; /** * Short for `font-family` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ff?: CSS.Property.FontFamily; /** * Short for `text-align` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ta?: CSS.Property.TextAlign; /** * Short for `text-decoration` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ td?: CSS.Property.TextDecoration; /** * Short for `text-transform` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ tt?: CSS.Property.TextTransform; /** * Short for `text-shadow` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ts?: CSS.Property.TextShadow; /** * Short for `text-overflow` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ tov?: CSS.Property.TextOverflow; /** * Short for `word-wrap` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ww?: CSS.Property.WordWrap; /** * Short for `letter-spacing` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ lts?: CSS.Property.LetterSpacing; /** * Short for `white-space` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ws?: CSS.Property.WhiteSpace; /** * Short for `line-height` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ lh?: CSS.Property.LineHeight; /** * Short for `vertical-align` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ va?: CSS.Property.VerticalAlign; // Pointer /** * Short for `cursor` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ cur?: CSS.Property.Cursor; /** * Short for `pointer-events` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ pe?: CSS.Property.PointerEvents; /** * Short for `user-select` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ us?: CSS.Property.UserSelect; // Animations /** * Short for `animation` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ an?: CSS.Property.Animation; /** * Short for `animation-name` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ann?: CSS.Property.AnimationName; /** * Short for `animation-duration` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ and?: CSS.Property.AnimationDuration; /** * Short for `animation-fill-mode` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ anf?: CSS.Property.AnimationFillMode; /** * Short for `animation-iteration-count` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ anit?: CSS.Property.AnimationIterationCount; /** * Short for `animation-play-state` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ anp?: CSS.Property.AnimationPlayState; /** * Short for `animation-timing-function` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ant?: CSS.Property.AnimationTimingFunction; /** * Short for `transition` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ trs?: CSS.Property.Transition; /** * Short for `transform` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ tr?: CSS.Property.Transform; // SVG /** * Short for `stroke` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ st?: CSS.Property.Stroke; /** * Short for `stroke-width` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ stw?: CSS.Property.StrokeWidth; /** * Short for `stroke-linecap` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ stl?: CSS.Property.StrokeLinecap; // Other /** * Short for `list-style` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ ls?: CSS.Property.ListStyle; /** * Short for `content` property. * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md). */ con?: CSS.Property.Content; } export function addon(nano: NanoRenderer);