diff --git a/cssProps/README.md b/cssProps/README.md new file mode 100644 index 00000000..75bde761 --- /dev/null +++ b/cssProps/README.md @@ -0,0 +1,1029 @@ +# CssProps + +CssProps is a set of utility functions to make it easier to write CSS in JS. **Do not modify this file. This file is generated from ./cssProps/templates/README.mustache** + +```javascript +import { minWidth, color, background, fontSize } from 'goober/CssProps'; +import { rgb } from 'goober/functions'; +import { hover } from 'goober/pseudo'; +import { media } from 'goober/atRules'; +import { px, em, fr } from 'goober/units'; +import { string } from 'goober/util'; + +const MIN_WIDTH = 900; + +const StyledContainer = styled('div')((props) => [ + minWidth(px(20)), + hover([color(rgb(0, 0, 0)), background(props.theme.color)]), + grid([string('a'), px(100), string('b'), fr(1)].join(' ')), + media(SCREEN, AND, `(min-width: ${px(MIN_WIDTH)})`, [fontSize(em(5))]) +]); +``` + +## All the JavaScript code and documentation in cssProps directory is automatically generated from Mustache files in the templates directory + +The functions are arranged in the following category + +- at rules - `@media (args) { properties }` +- constants - `AQUA, CENTER` +- functions - `rgb(0, 0, 0)` +- properties - `backgroundSize(px(15))` +- pseudos - `hover([color(BLUE)])` +- units - `em(10)` +- util - `string(BLUE) //Outputs "blue" with double quotes` + +## Special Cases + +In some instances, the css property or @rule might conflict with a Javascript keyword. +Here is a list of values that had to be renamed to prevent conflicts: + +## At Rules + +@rules have one or two arguments depending on the syntax of the rule. +The string followed by the @rule is the parameters argument. +The array or object after the parameters are the css properties for the @rule. + +```javascript +css([media([NOT, ALL, AND, '(hover: hover)'].join(' '), [color(BLUE), fontSize(px(30))])]); +``` + +- @charset - https://developer.mozilla.org/docs/Web/CSS/@charset#syntax +- @counter-style - https://developer.mozilla.org/docs/Web/CSS/@counter-style#syntax +- @font-face - https://developer.mozilla.org/docs/Web/CSS/@font-face#syntax +- @font-feature-values - https://developer.mozilla.org/docs/Web/CSS/@font-feature-values#syntax +- @import - https://developer.mozilla.org/docs/Web/CSS/@import#syntax +- @keyframes - https://developer.mozilla.org/docs/Web/CSS/@keyframes#syntax +- @layer - https://developer.mozilla.org/docs/Web/CSS/@layer#syntax +- @media - https://developer.mozilla.org/docs/Web/CSS/@media#syntax +- @namespace - https://developer.mozilla.org/docs/Web/CSS/@namespace#syntax +- @page - https://developer.mozilla.org/docs/Web/CSS/@page#syntax +- @scroll-timeline - https://developer.mozilla.org/docs/Web/CSS/@scroll-timeline#syntax +- @supports - https://developer.mozilla.org/docs/Web/CSS/@supports#syntax +- @viewport - https://developer.mozilla.org/docs/Web/CSS/@viewport#syntax + +## Constants + +-INFINITY, +A3, +A4, +A5, +B4, +B5, +JIS-B4, +JIS-B5, +NAN, +ADD, +AFTER, +ALICEBLUE, +ALL, +ALPHA, +ALTERNATE, +ALTERNATE-REVERSE, +AND, +ANTIQUEWHITE, +AQUA, +AQUAMARINE, +AT, +AUTO, +AUTO-FILL, +AUTO-FIT, +AZURE, +BACKWARDS, +BASELINE, +BEFORE, +BEIGE, +BISQUE, +BLACK, +BLANCHEDALMOND, +BLANK, +BLOCK, +BLUE, +BLUEVIOLET, +BOLD, +BORDER-BOX, +BOTH, +BOTTOM, +BROWN, +BURLYWOOD, +BUTTON, +CADETBLUE, +CENTER, +CHARTREUSE, +CHECKBOX, +CHOCOLATE, +CIRCLE, +CLEAR, +CLOSE-QUOTE, +CLOSEST-CORNER, +CLOSEST-SIDE, +COLOR, +COLOR-BURN, +COLOR-DODGE, +COMMON-LIGATURES, +CONDENSED, +CONTAIN, +CONTENT, +CONTENT-BOX, +CONTENTS, +CONTEXTUAL, +COPY, +CORAL, +CORNFLOWERBLUE, +CORNSILK, +COVER, +CRIMSON, +CURRENTCOLOR, +CURSIVE, +CYAN, +DARKBLUE, +DARKCYAN, +DARKEN, +DARKGOLDENROD, +DARKGRAY, +DARKGREEN, +DARKGREY, +DARKKHAKI, +DARKMAGENTA, +DARKOLIVEGREEN, +DARKORANGE, +DARKORCHID, +DARKRED, +DARKSALMON, +DARKSEAGREEN, +DARKSLATEBLUE, +DARKSLATEGRAY, +DARKSLATEGREY, +DARKTURQUOISE, +DARKVIOLET, +DASHED, +DEEPPINK, +DEEPSKYBLUE, +DESTINATION-ATOP, +DESTINATION-IN, +DESTINATION-OUT, +DESTINATION-OVER, +DIAGONAL-FRACTIONS, +DIFFERENCE, +DIMGRAY, +DIMGREY, +DISCRETIONARY-LIGATURES, +DODGERBLUE, +DOTTED, +DOUBLE, +DOWN, +E, +EASE, +EASE-IN, +EASE-IN-OUT, +EASE-OUT, +ELLIPSE, +END, +EVEN, +EVENODD, +EXCLUDE, +EXCLUSION, +EXPANDED, +EXTRA-CONDENSED, +EXTRA-EXPANDED, +FANTASY, +FARTHEST-CORNER, +FARTHEST-SIDE, +FILL-BOX, +FIREBRICK, +FIRST, +FIRST-LETTER, +FIXED, +FLEX, +FLEX-END, +FLEX-START, +FLORALWHITE, +FLOW, +FLOW-ROOT, +FORESTGREEN, +FORWARDS, +FROM, +FUCHSIA, +FULL-WIDTH, +GAINSBORO, +GHOSTWHITE, +GOLD, +GOLDENROD, +GRAY, +GREEN, +GREENYELLOW, +GREY, +GRID, +GROOVE, +HARD-LIGHT, +HIDDEN, +HISTORICAL-LIGATURES, +HONEYDEW, +HORIZONTAL, +HOTPINK, +HUE, +I, +INDIANRED, +INDIGO, +INFINITE, +INFINITY, +INLINE, +INLINE-BLOCK, +INLINE-FLEX, +INLINE-GRID, +INLINE-LIST-ITEM, +INLINE-TABLE, +INSET, +INTERSECT, +IVORY, +JIS04, +JIS78, +JIS83, +JIS90, +JUMP-BOTH, +JUMP-END, +JUMP-NONE, +JUMP-START, +KHAKI, +LARGE, +LARGER, +LAST, +LAVENDER, +LAVENDERBLUSH, +LAWNGREEN, +LEDGER, +LEFT, +LEGAL, +LEMONCHIFFON, +LETTER, +LIGHTBLUE, +LIGHTCORAL, +LIGHTCYAN, +LIGHTEN, +LIGHTGOLDENRODYELLOW, +LIGHTGRAY, +LIGHTGREEN, +LIGHTGREY, +LIGHTPINK, +LIGHTSALMON, +LIGHTSEAGREEN, +LIGHTSKYBLUE, +LIGHTSLATEGRAY, +LIGHTSLATEGREY, +LIGHTSTEELBLUE, +LIGHTYELLOW, +LIME, +LIMEGREEN, +LINEAR, +LINEN, +LINING-NUMS, +LIST-ITEM, +LISTBOX, +LOCAL, +LTR, +LUMINANCE, +LUMINOSITY, +MAGENTA, +MARGIN-BOX, +MAROON, +MATCH-SOURCE, +MAX-CONTENT, +MEDIUM, +MEDIUMAQUAMARINE, +MEDIUMBLUE, +MEDIUMORCHID, +MEDIUMPURPLE, +MEDIUMSEAGREEN, +MEDIUMSLATEBLUE, +MEDIUMSPRINGGREEN, +MEDIUMTURQUOISE, +MEDIUMVIOLETRED, +MENULIST, +METER, +MIDNIGHTBLUE, +MIN-CONTENT, +MINTCREAM, +MISTYROSE, +MOCCASIN, +MONOSPACE, +MULTIPLY, +NAVAJOWHITE, +NAVY, +NEAREST, +NO-CLIP, +NO-CLOSE-QUOTE, +NO-COMMON-LIGATURES, +NO-CONTEXTUAL, +NO-DISCRETIONARY-LIGATURES, +NO-HISTORICAL-LIGATURES, +NO-OPEN-QUOTE, +NO-REPEAT, +NONE, +NONZERO, +NORMAL, +NOT, +ODD, +OFF, +OLDLACE, +OLDSTYLE-NUMS, +OLIVE, +OLIVEDRAB, +ON, +ONLY, +OPEN-QUOTE, +OR, +ORANGE, +ORANGERED, +ORCHID, +OUTSET, +OVERLAY, +PADDING-BOX, +PALEGOLDENROD, +PALEGREEN, +PALETURQUOISE, +PALEVIOLETRED, +PAPAYAWHIP, +PAUSED, +PEACHPUFF, +PERU, +PI, +PINK, +PLUM, +POWDERBLUE, +PROGRESS-BAR, +PROPORTIONAL-NUMS, +PROPORTIONAL-WIDTH, +PURPLE, +PUSH-BUTTON, +RADIO, +REBECCAPURPLE, +RED, +REPEAT, +REPEAT-X, +REPEAT-Y, +REVERSE, +RIDGE, +RIGHT, +ROOT, +ROSYBROWN, +ROUND, +ROYALBLUE, +RTL, +RUBY, +RUBY-BASE, +RUBY-BASE-CONTAINER, +RUBY-TEXT, +RUBY-TEXT-CONTAINER, +RUN-IN, +RUNNING, +S, +SADDLEBROWN, +SAFE, +SALMON, +SANDYBROWN, +SANS-SERIF, +SATURATION, +SCREEN, +SCROLL, +SCROLL-POSITION, +SEAGREEN, +SEARCHFIELD, +SEASHELL, +SELF-END, +SELF-START, +SEMI-CONDENSED, +SEMI-EXPANDED, +SERIF, +SIENNA, +SILVER, +SIMPLIFIED, +SKYBLUE, +SLATEBLUE, +SLATEGRAY, +SLATEGREY, +SLIDER-HORIZONTAL, +SMALL, +SMALL-CAPS, +SMALLER, +SNOW, +SOFT-LIGHT, +SOLID, +SOURCE-ATOP, +SOURCE-IN, +SOURCE-OUT, +SOURCE-OVER, +SPACE, +SPACE-AROUND, +SPACE-BETWEEN, +SPACE-EVENLY, +SPAN, +SPRINGGREEN, +SQUARE-BUTTON, +STACKED-FRACTIONS, +START, +STEELBLUE, +STEP-END, +STEP-START, +STRETCH, +STROKE-BOX, +SUBTRACT, +TABLE, +TABLE-CAPTION, +TABLE-CELL, +TABLE-COLUMN, +TABLE-COLUMN-GROUP, +TABLE-FOOTER-GROUP, +TABLE-HEADER-GROUP, +TABLE-ROW, +TABLE-ROW-GROUP, +TABULAR-NUMS, +TAN, +TEAL, +TEXTAREA, +THICK, +THIN, +THISTLE, +TO, +TO-ZERO, +TOMATO, +TOP, +TRADITIONAL, +TRANSPARENT, +TURQUOISE, +ULTRA-CONDENSED, +ULTRA-EXPANDED, +UNSAFE, +UP, +VERTICAL, +VIEW-BOX, +VIOLET, +WHEAT, +WHITE, +WHITESMOKE, +X-LARGE, +X-SMALL, +XOR, +XX-LARGE, +XX-SMALL, +XXX-LARGE, +YELLOW, +YELLOWGREEN, + +## Functions + +CSS Functions that can be used within a CSS property. rgb() for example. + +```javascript +css([color(rgb(0, 0, 255))]); +``` + +- attr() - https://developer.mozilla.org/docs/Web/CSS/attr#syntax +- blur() - https://developer.mozilla.org/docs/Web/CSS/filter-function/blur#syntax +- brightness() - https://developer.mozilla.org/docs/Web/CSS/filter-function/brightness#syntax +- calc() - https://developer.mozilla.org/docs/Web/CSS/calc#syntax +- circle() - https://developer.mozilla.org/docs/Web/CSS/basic-shape/circle#syntax +- clamp() - https://developer.mozilla.org/docs/Web/CSS/clamp#syntax +- conic-gradient() - https://developer.mozilla.org/docs/Web/CSS/gradient/conic-gradient#syntax +- contrast() - https://developer.mozilla.org/docs/Web/CSS/filter-function/contrast#syntax +- counter() - https://developer.mozilla.org/docs/Web/CSS/counter#syntax +- counters() - https://developer.mozilla.org/docs/Web/CSS/counters#syntax +- cross-fade() - https://developer.mozilla.org/docs/Web/CSS/cross-fade#syntax +- drop-shadow() - https://developer.mozilla.org/docs/Web/CSS/filter-function/drop-shadow#syntax +- element() - https://developer.mozilla.org/docs/Web/CSS/element#syntax +- ellipse() - https://developer.mozilla.org/docs/Web/CSS/basic-shape/ellipse#syntax +- env() - https://developer.mozilla.org/docs/Web/CSS/env#syntax +- fit-content() - https://developer.mozilla.org/docs/Web/CSS/fit-content#syntax +- grayscale() - https://developer.mozilla.org/docs/Web/CSS/filter-function/grayscale#syntax +- hsl() - https://developer.mozilla.org/docs/Web/CSS/color_value/hsl#syntax +- hsla() - https://developer.mozilla.org/docs/Web/CSS/color_value/hsla#syntax +- hue-rotate() - https://developer.mozilla.org/docs/Web/CSS/filter-function/hue-rotate#syntax +- image() - https://developer.mozilla.org/docs/Web/CSS/image/image#syntax +- image-set() - https://developer.mozilla.org/docs/Web/CSS/image/image-set#syntax +- inset() - https://developer.mozilla.org/docs/Web/CSS/basic-shape/inset#syntax +- invert() - https://developer.mozilla.org/docs/Web/CSS/filter-function/invert#syntax +- leader() - undefined#syntax +- linear-gradient() - https://developer.mozilla.org/docs/Web/CSS/gradient/linear-gradient#syntax +- matrix() - https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix#syntax +- matrix3d() - https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix3d#syntax +- max() - https://developer.mozilla.org/docs/Web/CSS/max#syntax +- min() - https://developer.mozilla.org/docs/Web/CSS/min#syntax +- minmax() - https://developer.mozilla.org/docs/Web/CSS/minmax#syntax +- opacity() - https://developer.mozilla.org/docs/Web/CSS/filter-function/opacity#syntax +- path() - https://developer.mozilla.org/docs/Web/CSS/path#syntax +- paint() - https://developer.mozilla.org/docs/Web/CSS/image/paint#syntax +- perspective() - https://developer.mozilla.org/docs/Web/CSS/transform-function/perspective#syntax +- polygon() - https://developer.mozilla.org/docs/Web/CSS/basic-shape/polygon#syntax +- radial-gradient() - https://developer.mozilla.org/docs/Web/CSS/gradient/radial-gradient#syntax +- repeating-linear-gradient() - https://developer.mozilla.org/docs/Web/CSS/repeating-linear-gradient#syntax +- repeating-radial-gradient() - https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-linear-gradient#syntax +- rgb() - https://developer.mozilla.org/docs/Web/CSS/color_value/rgb#syntax +- rgba() - https://developer.mozilla.org/docs/Web/CSS/color_value/rgba#syntax +- rotate() - https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate#syntax +- rotate3d() - https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate3d#syntax +- rotateX() - https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateX#syntax +- rotateY() - https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateY#syntax +- rotateZ() - https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateZ#syntax +- saturate() - https://developer.mozilla.org/docs/Web/CSS/filter-function/saturate#syntax +- scale() - https://developer.mozilla.org/docs/Web/CSS/transform-function/scale#syntax +- scale3d() - https://developer.mozilla.org/docs/Web/CSS/transform-function/scale3d#syntax +- scaleX() - https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleX#syntax +- scaleY() - https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleY#syntax +- scaleZ() - https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleZ#syntax +- skew() - https://developer.mozilla.org/docs/Web/CSS/transform-function/skew#syntax +- skewX() - https://developer.mozilla.org/docs/Web/CSS/transform-function/skewX#syntax +- skewY() - https://developer.mozilla.org/docs/Web/CSS/transform-function/skewY#syntax +- sepia() - https://developer.mozilla.org/docs/Web/CSS/filter-function/sepia#syntax +- target-counter() - undefined#syntax +- target-counters() - undefined#syntax +- target-text() - undefined#syntax +- translate() - https://developer.mozilla.org/docs/Web/CSS/transform-function/translate#syntax +- translate3d() - https://developer.mozilla.org/docs/Web/CSS/transform-function/translate3d#syntax +- translateX() - https://developer.mozilla.org/docs/Web/CSS/transform-function/translateX#syntax +- translateY() - https://developer.mozilla.org/docs/Web/CSS/transform-function/translateY#syntax +- translateZ() - https://developer.mozilla.org/docs/Web/CSS/transform-function/translateZ#syntax +- var() - https://developer.mozilla.org/docs/Web/CSS/var#syntax + +## Properties + +CSS property methods are delimited by spaces. + +```javascript +css([margin(rem(5), 0)]); +``` + +- -webkit-line-clamp - https://developer.mozilla.org/docs/Web/CSS/-webkit-line-clamp#syntax +- accent-color - https://developer.mozilla.org/docs/Web/CSS/accent-color#syntax +- align-content - https://developer.mozilla.org/docs/Web/CSS/align-content#syntax +- align-items - https://developer.mozilla.org/docs/Web/CSS/align-items#syntax +- align-self - https://developer.mozilla.org/docs/Web/CSS/align-self#syntax +- all - https://developer.mozilla.org/docs/Web/CSS/all#syntax +- animation - https://developer.mozilla.org/docs/Web/CSS/animation#syntax +- animation-delay - https://developer.mozilla.org/docs/Web/CSS/animation-delay#syntax +- animation-direction - https://developer.mozilla.org/docs/Web/CSS/animation-direction#syntax +- animation-duration - https://developer.mozilla.org/docs/Web/CSS/animation-duration#syntax +- animation-fill-mode - https://developer.mozilla.org/docs/Web/CSS/animation-fill-mode#syntax +- animation-iteration-count - https://developer.mozilla.org/docs/Web/CSS/animation-iteration-count#syntax +- animation-name - https://developer.mozilla.org/docs/Web/CSS/animation-name#syntax +- animation-play-state - https://developer.mozilla.org/docs/Web/CSS/animation-play-state#syntax +- animation-timing-function - https://developer.mozilla.org/docs/Web/CSS/animation-timing-function#syntax +- backdrop-filter - https://developer.mozilla.org/docs/Web/CSS/backdrop-filter#syntax +- backface-visibility - https://developer.mozilla.org/docs/Web/CSS/backface-visibility#syntax +- background - https://developer.mozilla.org/docs/Web/CSS/background#syntax +- background-attachment - https://developer.mozilla.org/docs/Web/CSS/background-attachment#syntax +- background-blend-mode - https://developer.mozilla.org/docs/Web/CSS/background-blend-mode#syntax +- background-clip - https://developer.mozilla.org/docs/Web/CSS/background-clip#syntax +- background-color - https://developer.mozilla.org/docs/Web/CSS/background-color#syntax +- background-image - https://developer.mozilla.org/docs/Web/CSS/background-image#syntax +- background-origin - https://developer.mozilla.org/docs/Web/CSS/background-origin#syntax +- background-position - https://developer.mozilla.org/docs/Web/CSS/background-position#syntax +- background-repeat - https://developer.mozilla.org/docs/Web/CSS/background-repeat#syntax +- background-size - https://developer.mozilla.org/docs/Web/CSS/background-size#syntax +- block-size - https://developer.mozilla.org/docs/Web/CSS/block-size#syntax +- border - https://developer.mozilla.org/docs/Web/CSS/border#syntax +- border-block - https://developer.mozilla.org/docs/Web/CSS/border-block#syntax +- border-block-color - https://developer.mozilla.org/docs/Web/CSS/border-block-color#syntax +- border-block-style - https://developer.mozilla.org/docs/Web/CSS/border-block-style#syntax +- border-block-width - https://developer.mozilla.org/docs/Web/CSS/border-block-width#syntax +- border-block-end - https://developer.mozilla.org/docs/Web/CSS/border-block-end#syntax +- border-block-end-color - https://developer.mozilla.org/docs/Web/CSS/border-block-end-color#syntax +- border-block-end-style - https://developer.mozilla.org/docs/Web/CSS/border-block-end-style#syntax +- border-block-end-width - https://developer.mozilla.org/docs/Web/CSS/border-block-end-width#syntax +- border-block-start - https://developer.mozilla.org/docs/Web/CSS/border-block-start#syntax +- border-block-start-color - https://developer.mozilla.org/docs/Web/CSS/border-block-start-color#syntax +- border-block-start-style - https://developer.mozilla.org/docs/Web/CSS/border-block-start-style#syntax +- border-block-start-width - https://developer.mozilla.org/docs/Web/CSS/border-block-start-width#syntax +- border-bottom - https://developer.mozilla.org/docs/Web/CSS/border-bottom#syntax +- border-bottom-color - https://developer.mozilla.org/docs/Web/CSS/border-bottom-color#syntax +- border-bottom-left-radius - https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius#syntax +- border-bottom-right-radius - https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius#syntax +- border-bottom-style - https://developer.mozilla.org/docs/Web/CSS/border-bottom-style#syntax +- border-bottom-width - https://developer.mozilla.org/docs/Web/CSS/border-bottom-width#syntax +- border-collapse - https://developer.mozilla.org/docs/Web/CSS/border-collapse#syntax +- border-color - https://developer.mozilla.org/docs/Web/CSS/border-color#syntax +- border-end-end-radius - https://developer.mozilla.org/docs/Web/CSS/border-end-end-radius#syntax +- border-end-start-radius - https://developer.mozilla.org/docs/Web/CSS/border-end-start-radius#syntax +- border-image - https://developer.mozilla.org/docs/Web/CSS/border-image#syntax +- border-image-outset - https://developer.mozilla.org/docs/Web/CSS/border-image-outset#syntax +- border-image-repeat - https://developer.mozilla.org/docs/Web/CSS/border-image-repeat#syntax +- border-image-slice - https://developer.mozilla.org/docs/Web/CSS/border-image-slice#syntax +- border-image-source - https://developer.mozilla.org/docs/Web/CSS/border-image-source#syntax +- border-image-width - https://developer.mozilla.org/docs/Web/CSS/border-image-width#syntax +- border-inline - https://developer.mozilla.org/docs/Web/CSS/border-inline#syntax +- border-inline-end - https://developer.mozilla.org/docs/Web/CSS/border-inline-end#syntax +- border-inline-color - https://developer.mozilla.org/docs/Web/CSS/border-inline-color#syntax +- border-inline-style - https://developer.mozilla.org/docs/Web/CSS/border-inline-style#syntax +- border-inline-width - https://developer.mozilla.org/docs/Web/CSS/border-inline-width#syntax +- border-inline-end-color - https://developer.mozilla.org/docs/Web/CSS/border-inline-end-color#syntax +- border-inline-end-style - https://developer.mozilla.org/docs/Web/CSS/border-inline-end-style#syntax +- border-inline-end-width - https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width#syntax +- border-inline-start - https://developer.mozilla.org/docs/Web/CSS/border-inline-start#syntax +- border-inline-start-color - https://developer.mozilla.org/docs/Web/CSS/border-inline-start-color#syntax +- border-inline-start-style - https://developer.mozilla.org/docs/Web/CSS/border-inline-start-style#syntax +- border-inline-start-width - https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width#syntax +- border-left - https://developer.mozilla.org/docs/Web/CSS/border-left#syntax +- border-left-color - https://developer.mozilla.org/docs/Web/CSS/border-left-color#syntax +- border-left-style - https://developer.mozilla.org/docs/Web/CSS/border-left-style#syntax +- border-left-width - https://developer.mozilla.org/docs/Web/CSS/border-left-width#syntax +- border-radius - https://developer.mozilla.org/docs/Web/CSS/border-radius#syntax +- border-right - https://developer.mozilla.org/docs/Web/CSS/border-right#syntax +- border-right-color - https://developer.mozilla.org/docs/Web/CSS/border-right-color#syntax +- border-right-style - https://developer.mozilla.org/docs/Web/CSS/border-right-style#syntax +- border-right-width - https://developer.mozilla.org/docs/Web/CSS/border-right-width#syntax +- border-spacing - https://developer.mozilla.org/docs/Web/CSS/border-spacing#syntax +- border-start-end-radius - https://developer.mozilla.org/docs/Web/CSS/border-start-end-radius#syntax +- border-start-start-radius - https://developer.mozilla.org/docs/Web/CSS/border-start-start-radius#syntax +- border-style - https://developer.mozilla.org/docs/Web/CSS/border-style#syntax +- border-top - https://developer.mozilla.org/docs/Web/CSS/border-top#syntax +- border-top-color - https://developer.mozilla.org/docs/Web/CSS/border-top-color#syntax +- border-top-left-radius - https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius#syntax +- border-top-right-radius - https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius#syntax +- border-top-style - https://developer.mozilla.org/docs/Web/CSS/border-top-style#syntax +- border-top-width - https://developer.mozilla.org/docs/Web/CSS/border-top-width#syntax +- border-width - https://developer.mozilla.org/docs/Web/CSS/border-width#syntax +- bottom - https://developer.mozilla.org/docs/Web/CSS/bottom#syntax +- box-decoration-break - https://developer.mozilla.org/docs/Web/CSS/box-decoration-break#syntax +- box-shadow - https://developer.mozilla.org/docs/Web/CSS/box-shadow#syntax +- box-sizing - https://developer.mozilla.org/docs/Web/CSS/box-sizing#syntax +- break-after - https://developer.mozilla.org/docs/Web/CSS/break-after#syntax +- break-before - https://developer.mozilla.org/docs/Web/CSS/break-before#syntax +- break-inside - https://developer.mozilla.org/docs/Web/CSS/break-inside#syntax +- caption-side - https://developer.mozilla.org/docs/Web/CSS/caption-side#syntax +- caret - undefined#syntax +- caret-color - https://developer.mozilla.org/docs/Web/CSS/caret-color#syntax +- caret-shape - undefined#syntax +- clear - https://developer.mozilla.org/docs/Web/CSS/clear#syntax +- clip - https://developer.mozilla.org/docs/Web/CSS/clip#syntax +- clip-path - https://developer.mozilla.org/docs/Web/CSS/clip-path#syntax +- color - https://developer.mozilla.org/docs/Web/CSS/color#syntax +- print-color-adjust - https://developer.mozilla.org/docs/Web/CSS/print-color-adjust#syntax +- color-scheme - https://developer.mozilla.org/docs/Web/CSS/color-scheme#syntax +- column-count - https://developer.mozilla.org/docs/Web/CSS/column-count#syntax +- column-fill - https://developer.mozilla.org/docs/Web/CSS/column-fill#syntax +- column-gap - https://developer.mozilla.org/docs/Web/CSS/column-gap#syntax +- column-rule - https://developer.mozilla.org/docs/Web/CSS/column-rule#syntax +- column-rule-color - https://developer.mozilla.org/docs/Web/CSS/column-rule-color#syntax +- column-rule-style - https://developer.mozilla.org/docs/Web/CSS/column-rule-style#syntax +- column-rule-width - https://developer.mozilla.org/docs/Web/CSS/column-rule-width#syntax +- column-span - https://developer.mozilla.org/docs/Web/CSS/column-span#syntax +- column-width - https://developer.mozilla.org/docs/Web/CSS/column-width#syntax +- columns - https://developer.mozilla.org/docs/Web/CSS/columns#syntax +- contain - https://developer.mozilla.org/docs/Web/CSS/contain#syntax +- content - https://developer.mozilla.org/docs/Web/CSS/content#syntax +- content-visibility - https://developer.mozilla.org/docs/Web/CSS/content-visibility#syntax +- counter-increment - https://developer.mozilla.org/docs/Web/CSS/counter-increment#syntax +- counter-reset - https://developer.mozilla.org/docs/Web/CSS/counter-reset#syntax +- counter-set - https://developer.mozilla.org/docs/Web/CSS/counter-set#syntax +- cursor - https://developer.mozilla.org/docs/Web/CSS/cursor#syntax +- direction - https://developer.mozilla.org/docs/Web/CSS/direction#syntax +- display - https://developer.mozilla.org/docs/Web/CSS/display#syntax +- empty-cells - https://developer.mozilla.org/docs/Web/CSS/empty-cells#syntax +- filter - https://developer.mozilla.org/docs/Web/CSS/filter#syntax +- flex - https://developer.mozilla.org/docs/Web/CSS/flex#syntax +- flex-basis - https://developer.mozilla.org/docs/Web/CSS/flex-basis#syntax +- flex-direction - https://developer.mozilla.org/docs/Web/CSS/flex-direction#syntax +- flex-flow - https://developer.mozilla.org/docs/Web/CSS/flex-flow#syntax +- flex-grow - https://developer.mozilla.org/docs/Web/CSS/flex-grow#syntax +- flex-shrink - https://developer.mozilla.org/docs/Web/CSS/flex-shrink#syntax +- flex-wrap - https://developer.mozilla.org/docs/Web/CSS/flex-wrap#syntax +- float - https://developer.mozilla.org/docs/Web/CSS/float#syntax +- font - https://developer.mozilla.org/docs/Web/CSS/font#syntax +- font-family - https://developer.mozilla.org/docs/Web/CSS/font-family#syntax +- font-feature-settings - https://developer.mozilla.org/docs/Web/CSS/font-feature-settings#syntax +- font-kerning - https://developer.mozilla.org/docs/Web/CSS/font-kerning#syntax +- font-language-override - https://developer.mozilla.org/docs/Web/CSS/font-language-override#syntax +- font-optical-sizing - https://developer.mozilla.org/docs/Web/CSS/font-optical-sizing#syntax +- font-variation-settings - https://developer.mozilla.org/docs/Web/CSS/font-variation-settings#syntax +- font-size - https://developer.mozilla.org/docs/Web/CSS/font-size#syntax +- font-size-adjust - https://developer.mozilla.org/docs/Web/CSS/font-size-adjust#syntax +- font-stretch - https://developer.mozilla.org/docs/Web/CSS/font-stretch#syntax +- font-style - https://developer.mozilla.org/docs/Web/CSS/font-style#syntax +- font-synthesis - https://developer.mozilla.org/docs/Web/CSS/font-synthesis#syntax +- font-variant - https://developer.mozilla.org/docs/Web/CSS/font-variant#syntax +- font-variant-alternates - https://developer.mozilla.org/docs/Web/CSS/font-variant-alternates#syntax +- font-variant-caps - https://developer.mozilla.org/docs/Web/CSS/font-variant-caps#syntax +- font-variant-east-asian - https://developer.mozilla.org/docs/Web/CSS/font-variant-east-asian#syntax +- font-variant-ligatures - https://developer.mozilla.org/docs/Web/CSS/font-variant-ligatures#syntax +- font-variant-numeric - https://developer.mozilla.org/docs/Web/CSS/font-variant-numeric#syntax +- font-variant-position - https://developer.mozilla.org/docs/Web/CSS/font-variant-position#syntax +- font-weight - https://developer.mozilla.org/docs/Web/CSS/font-weight#syntax +- gap - https://developer.mozilla.org/docs/Web/CSS/gap#syntax +- grid - https://developer.mozilla.org/docs/Web/CSS/grid#syntax +- grid-area - https://developer.mozilla.org/docs/Web/CSS/grid-area#syntax +- grid-auto-columns - https://developer.mozilla.org/docs/Web/CSS/grid-auto-columns#syntax +- grid-auto-flow - https://developer.mozilla.org/docs/Web/CSS/grid-auto-flow#syntax +- grid-auto-rows - https://developer.mozilla.org/docs/Web/CSS/grid-auto-rows#syntax +- grid-column - https://developer.mozilla.org/docs/Web/CSS/grid-column#syntax +- grid-column-end - https://developer.mozilla.org/docs/Web/CSS/grid-column-end#syntax +- grid-column-start - https://developer.mozilla.org/docs/Web/CSS/grid-column-start#syntax +- grid-row - https://developer.mozilla.org/docs/Web/CSS/grid-row#syntax +- grid-row-end - https://developer.mozilla.org/docs/Web/CSS/grid-row-end#syntax +- grid-row-start - https://developer.mozilla.org/docs/Web/CSS/grid-row-start#syntax +- grid-template - https://developer.mozilla.org/docs/Web/CSS/grid-template#syntax +- grid-template-areas - https://developer.mozilla.org/docs/Web/CSS/grid-template-areas#syntax +- grid-template-columns - https://developer.mozilla.org/docs/Web/CSS/grid-template-columns#syntax +- grid-template-rows - https://developer.mozilla.org/docs/Web/CSS/grid-template-rows#syntax +- hanging-punctuation - https://developer.mozilla.org/docs/Web/CSS/hanging-punctuation#syntax +- height - https://developer.mozilla.org/docs/Web/CSS/height#syntax +- hyphenate-character - https://developer.mozilla.org/docs/Web/CSS/hyphenate-character#syntax +- hyphenate-limit-chars - https://developer.mozilla.org/docs/Web/CSS/hyphenate-limit-chars#syntax +- hyphens - https://developer.mozilla.org/docs/Web/CSS/hyphens#syntax +- image-orientation - https://developer.mozilla.org/docs/Web/CSS/image-orientation#syntax +- image-rendering - https://developer.mozilla.org/docs/Web/CSS/image-rendering#syntax +- inline-size - https://developer.mozilla.org/docs/Web/CSS/inline-size#syntax +- input-security - undefined#syntax +- inset - https://developer.mozilla.org/docs/Web/CSS/inset#syntax +- inset-block - https://developer.mozilla.org/docs/Web/CSS/inset-block#syntax +- inset-block-end - https://developer.mozilla.org/docs/Web/CSS/inset-block-end#syntax +- inset-block-start - https://developer.mozilla.org/docs/Web/CSS/inset-block-start#syntax +- inset-inline - https://developer.mozilla.org/docs/Web/CSS/inset-inline#syntax +- inset-inline-end - https://developer.mozilla.org/docs/Web/CSS/inset-inline-end#syntax +- inset-inline-start - https://developer.mozilla.org/docs/Web/CSS/inset-inline-start#syntax +- isolation - https://developer.mozilla.org/docs/Web/CSS/isolation#syntax +- justify-content - https://developer.mozilla.org/docs/Web/CSS/justify-content#syntax +- justify-items - https://developer.mozilla.org/docs/Web/CSS/justify-items#syntax +- justify-self - https://developer.mozilla.org/docs/Web/CSS/justify-self#syntax +- left - https://developer.mozilla.org/docs/Web/CSS/left#syntax +- letter-spacing - https://developer.mozilla.org/docs/Web/CSS/letter-spacing#syntax +- line-break - https://developer.mozilla.org/docs/Web/CSS/line-break#syntax +- line-height - https://developer.mozilla.org/docs/Web/CSS/line-height#syntax +- list-style - https://developer.mozilla.org/docs/Web/CSS/list-style#syntax +- list-style-image - https://developer.mozilla.org/docs/Web/CSS/list-style-image#syntax +- list-style-position - https://developer.mozilla.org/docs/Web/CSS/list-style-position#syntax +- list-style-type - https://developer.mozilla.org/docs/Web/CSS/list-style-type#syntax +- margin - https://developer.mozilla.org/docs/Web/CSS/margin#syntax +- margin-block - https://developer.mozilla.org/docs/Web/CSS/margin-block#syntax +- margin-block-end - https://developer.mozilla.org/docs/Web/CSS/margin-block-end#syntax +- margin-block-start - https://developer.mozilla.org/docs/Web/CSS/margin-block-start#syntax +- margin-bottom - https://developer.mozilla.org/docs/Web/CSS/margin-bottom#syntax +- margin-inline - https://developer.mozilla.org/docs/Web/CSS/margin-inline#syntax +- margin-inline-end - https://developer.mozilla.org/docs/Web/CSS/margin-inline-end#syntax +- margin-inline-start - https://developer.mozilla.org/docs/Web/CSS/margin-inline-start#syntax +- margin-left - https://developer.mozilla.org/docs/Web/CSS/margin-left#syntax +- margin-right - https://developer.mozilla.org/docs/Web/CSS/margin-right#syntax +- margin-top - https://developer.mozilla.org/docs/Web/CSS/margin-top#syntax +- mask - https://developer.mozilla.org/docs/Web/CSS/mask#syntax +- mask-border - https://developer.mozilla.org/docs/Web/CSS/mask-border#syntax +- mask-border-mode - https://developer.mozilla.org/docs/Web/CSS/mask-border-mode#syntax +- mask-border-outset - https://developer.mozilla.org/docs/Web/CSS/mask-border-outset#syntax +- mask-border-repeat - https://developer.mozilla.org/docs/Web/CSS/mask-border-repeat#syntax +- mask-border-slice - https://developer.mozilla.org/docs/Web/CSS/mask-border-slice#syntax +- mask-border-source - https://developer.mozilla.org/docs/Web/CSS/mask-border-source#syntax +- mask-border-width - https://developer.mozilla.org/docs/Web/CSS/mask-border-width#syntax +- mask-clip - https://developer.mozilla.org/docs/Web/CSS/mask-clip#syntax +- mask-composite - https://developer.mozilla.org/docs/Web/CSS/mask-composite#syntax +- mask-image - https://developer.mozilla.org/docs/Web/CSS/mask-image#syntax +- mask-mode - https://developer.mozilla.org/docs/Web/CSS/mask-mode#syntax +- mask-origin - https://developer.mozilla.org/docs/Web/CSS/mask-origin#syntax +- mask-position - https://developer.mozilla.org/docs/Web/CSS/mask-position#syntax +- mask-repeat - https://developer.mozilla.org/docs/Web/CSS/mask-repeat#syntax +- mask-size - https://developer.mozilla.org/docs/Web/CSS/mask-size#syntax +- mask-type - https://developer.mozilla.org/docs/Web/CSS/mask-type#syntax +- math-depth - https://developer.mozilla.org/docs/Web/CSS/math-depth#syntax +- math-shift - https://developer.mozilla.org/docs/Web/CSS/math-shift#syntax +- math-style - https://developer.mozilla.org/docs/Web/CSS/math-style#syntax +- max-block-size - https://developer.mozilla.org/docs/Web/CSS/max-block-size#syntax +- max-height - https://developer.mozilla.org/docs/Web/CSS/max-height#syntax +- max-inline-size - https://developer.mozilla.org/docs/Web/CSS/max-inline-size#syntax +- max-width - https://developer.mozilla.org/docs/Web/CSS/max-width#syntax +- min-block-size - https://developer.mozilla.org/docs/Web/CSS/min-block-size#syntax +- min-height - https://developer.mozilla.org/docs/Web/CSS/min-height#syntax +- min-inline-size - https://developer.mozilla.org/docs/Web/CSS/min-inline-size#syntax +- min-width - https://developer.mozilla.org/docs/Web/CSS/min-width#syntax +- mix-blend-mode - https://developer.mozilla.org/docs/Web/CSS/mix-blend-mode#syntax +- object-fit - https://developer.mozilla.org/docs/Web/CSS/object-fit#syntax +- object-position - https://developer.mozilla.org/docs/Web/CSS/object-position#syntax +- offset - https://developer.mozilla.org/docs/Web/CSS/offset#syntax +- offset-anchor - undefined#syntax +- offset-distance - https://developer.mozilla.org/docs/Web/CSS/offset-distance#syntax +- offset-path - https://developer.mozilla.org/docs/Web/CSS/offset-path#syntax +- offset-rotate - https://developer.mozilla.org/docs/Web/CSS/offset-rotate#syntax +- opacity - https://developer.mozilla.org/docs/Web/CSS/opacity#syntax +- order - https://developer.mozilla.org/docs/Web/CSS/order#syntax +- orphans - https://developer.mozilla.org/docs/Web/CSS/orphans#syntax +- outline - https://developer.mozilla.org/docs/Web/CSS/outline#syntax +- outline-color - https://developer.mozilla.org/docs/Web/CSS/outline-color#syntax +- outline-offset - https://developer.mozilla.org/docs/Web/CSS/outline-offset#syntax +- outline-style - https://developer.mozilla.org/docs/Web/CSS/outline-style#syntax +- outline-width - https://developer.mozilla.org/docs/Web/CSS/outline-width#syntax +- overflow - https://developer.mozilla.org/docs/Web/CSS/overflow#syntax +- overflow-anchor - undefined#syntax +- overflow-block - undefined#syntax +- overflow-clip-margin - undefined#syntax +- overflow-inline - undefined#syntax +- overflow-wrap - https://developer.mozilla.org/docs/Web/CSS/overflow-wrap#syntax +- overflow-x - https://developer.mozilla.org/docs/Web/CSS/overflow-x#syntax +- overflow-y - https://developer.mozilla.org/docs/Web/CSS/overflow-y#syntax +- overscroll-behavior - https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior#syntax +- overscroll-behavior-block - https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-block#syntax +- overscroll-behavior-inline - https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-inline#syntax +- overscroll-behavior-x - https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-x#syntax +- overscroll-behavior-y - https://developer.mozilla.org/docs/Web/CSS/overscroll-behavior-y#syntax +- padding - https://developer.mozilla.org/docs/Web/CSS/padding#syntax +- padding-block - https://developer.mozilla.org/docs/Web/CSS/padding-block#syntax +- padding-block-end - https://developer.mozilla.org/docs/Web/CSS/padding-block-end#syntax +- padding-block-start - https://developer.mozilla.org/docs/Web/CSS/padding-block-start#syntax +- padding-bottom - https://developer.mozilla.org/docs/Web/CSS/padding-bottom#syntax +- padding-inline - https://developer.mozilla.org/docs/Web/CSS/padding-inline#syntax +- padding-inline-end - https://developer.mozilla.org/docs/Web/CSS/padding-inline-end#syntax +- padding-inline-start - https://developer.mozilla.org/docs/Web/CSS/padding-inline-start#syntax +- padding-left - https://developer.mozilla.org/docs/Web/CSS/padding-left#syntax +- padding-right - https://developer.mozilla.org/docs/Web/CSS/padding-right#syntax +- padding-top - https://developer.mozilla.org/docs/Web/CSS/padding-top#syntax +- page-break-after - https://developer.mozilla.org/docs/Web/CSS/page-break-after#syntax +- page-break-before - https://developer.mozilla.org/docs/Web/CSS/page-break-before#syntax +- page-break-inside - https://developer.mozilla.org/docs/Web/CSS/page-break-inside#syntax +- paint-order - https://developer.mozilla.org/docs/Web/CSS/paint-order#syntax +- perspective - https://developer.mozilla.org/docs/Web/CSS/perspective#syntax +- perspective-origin - https://developer.mozilla.org/docs/Web/CSS/perspective-origin#syntax +- place-content - https://developer.mozilla.org/docs/Web/CSS/place-content#syntax +- place-items - https://developer.mozilla.org/docs/Web/CSS/place-items#syntax +- place-self - https://developer.mozilla.org/docs/Web/CSS/place-self#syntax +- pointer-events - https://developer.mozilla.org/docs/Web/CSS/pointer-events#syntax +- position - https://developer.mozilla.org/docs/Web/CSS/position#syntax +- quotes - https://developer.mozilla.org/docs/Web/CSS/quotes#syntax +- resize - https://developer.mozilla.org/docs/Web/CSS/resize#syntax +- right - https://developer.mozilla.org/docs/Web/CSS/right#syntax +- rotate - https://developer.mozilla.org/docs/Web/CSS/rotate#syntax +- row-gap - https://developer.mozilla.org/docs/Web/CSS/row-gap#syntax +- scale - https://developer.mozilla.org/docs/Web/CSS/scale#syntax +- scrollbar-color - https://developer.mozilla.org/docs/Web/CSS/scrollbar-color#syntax +- scrollbar-gutter - https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter#syntax +- scrollbar-width - https://developer.mozilla.org/docs/Web/CSS/scrollbar-width#syntax +- scroll-behavior - https://developer.mozilla.org/docs/Web/CSS/scroll-behavior#syntax +- scroll-margin - https://developer.mozilla.org/docs/Web/CSS/scroll-margin#syntax +- scroll-margin-block - https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block#syntax +- scroll-margin-block-start - https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-start#syntax +- scroll-margin-block-end - https://developer.mozilla.org/docs/Web/CSS/scroll-margin-block-end#syntax +- scroll-margin-bottom - https://developer.mozilla.org/docs/Web/CSS/scroll-margin-bottom#syntax +- scroll-margin-inline - https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline#syntax +- scroll-margin-inline-start - https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-start#syntax +- scroll-margin-inline-end - https://developer.mozilla.org/docs/Web/CSS/scroll-margin-inline-end#syntax +- scroll-margin-left - https://developer.mozilla.org/docs/Web/CSS/scroll-margin-left#syntax +- scroll-margin-right - https://developer.mozilla.org/docs/Web/CSS/scroll-margin-right#syntax +- scroll-margin-top - https://developer.mozilla.org/docs/Web/CSS/scroll-margin-top#syntax +- scroll-padding - https://developer.mozilla.org/docs/Web/CSS/scroll-padding#syntax +- scroll-padding-block - https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block#syntax +- scroll-padding-block-start - https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-start#syntax +- scroll-padding-block-end - https://developer.mozilla.org/docs/Web/CSS/scroll-padding-block-end#syntax +- scroll-padding-bottom - https://developer.mozilla.org/docs/Web/CSS/scroll-padding-bottom#syntax +- scroll-padding-inline - https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline#syntax +- scroll-padding-inline-start - https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-start#syntax +- scroll-padding-inline-end - https://developer.mozilla.org/docs/Web/CSS/scroll-padding-inline-end#syntax +- scroll-padding-left - https://developer.mozilla.org/docs/Web/CSS/scroll-padding-left#syntax +- scroll-padding-right - https://developer.mozilla.org/docs/Web/CSS/scroll-padding-right#syntax +- scroll-padding-top - https://developer.mozilla.org/docs/Web/CSS/scroll-padding-top#syntax +- scroll-snap-align - https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align#syntax +- scroll-snap-stop - https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop#syntax +- scroll-snap-type - https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type#syntax +- shape-image-threshold - https://developer.mozilla.org/docs/Web/CSS/shape-image-threshold#syntax +- shape-margin - https://developer.mozilla.org/docs/Web/CSS/shape-margin#syntax +- shape-outside - https://developer.mozilla.org/docs/Web/CSS/shape-outside#syntax +- tab-size - https://developer.mozilla.org/docs/Web/CSS/tab-size#syntax +- table-layout - https://developer.mozilla.org/docs/Web/CSS/table-layout#syntax +- text-align - https://developer.mozilla.org/docs/Web/CSS/text-align#syntax +- text-align-last - https://developer.mozilla.org/docs/Web/CSS/text-align-last#syntax +- text-combine-upright - https://developer.mozilla.org/docs/Web/CSS/text-combine-upright#syntax +- text-decoration - https://developer.mozilla.org/docs/Web/CSS/text-decoration#syntax +- text-decoration-color - https://developer.mozilla.org/docs/Web/CSS/text-decoration-color#syntax +- text-decoration-line - https://developer.mozilla.org/docs/Web/CSS/text-decoration-line#syntax +- text-decoration-skip-ink - https://developer.mozilla.org/docs/Web/CSS/text-decoration-skip-ink#syntax +- text-decoration-style - https://developer.mozilla.org/docs/Web/CSS/text-decoration-style#syntax +- text-decoration-thickness - https://developer.mozilla.org/docs/Web/CSS/text-decoration-thickness#syntax +- text-emphasis - https://developer.mozilla.org/docs/Web/CSS/text-emphasis#syntax +- text-emphasis-color - https://developer.mozilla.org/docs/Web/CSS/text-emphasis-color#syntax +- text-emphasis-position - https://developer.mozilla.org/docs/Web/CSS/text-emphasis-position#syntax +- text-emphasis-style - https://developer.mozilla.org/docs/Web/CSS/text-emphasis-style#syntax +- text-indent - https://developer.mozilla.org/docs/Web/CSS/text-indent#syntax +- text-justify - https://developer.mozilla.org/docs/Web/CSS/text-justify#syntax +- text-orientation - https://developer.mozilla.org/docs/Web/CSS/text-orientation#syntax +- text-overflow - https://developer.mozilla.org/docs/Web/CSS/text-overflow#syntax +- text-rendering - https://developer.mozilla.org/docs/Web/CSS/text-rendering#syntax +- text-shadow - https://developer.mozilla.org/docs/Web/CSS/text-shadow#syntax +- text-transform - https://developer.mozilla.org/docs/Web/CSS/text-transform#syntax +- text-underline-offset - https://developer.mozilla.org/docs/Web/CSS/text-underline-offset#syntax +- text-underline-position - https://developer.mozilla.org/docs/Web/CSS/text-underline-position#syntax +- top - https://developer.mozilla.org/docs/Web/CSS/top#syntax +- touch-action - https://developer.mozilla.org/docs/Web/CSS/touch-action#syntax +- transform - https://developer.mozilla.org/docs/Web/CSS/transform#syntax +- transform-box - https://developer.mozilla.org/docs/Web/CSS/transform-box#syntax +- transform-origin - https://developer.mozilla.org/docs/Web/CSS/transform-origin#syntax +- transform-style - https://developer.mozilla.org/docs/Web/CSS/transform-style#syntax +- transition - https://developer.mozilla.org/docs/Web/CSS/transition#syntax +- transition-delay - https://developer.mozilla.org/docs/Web/CSS/transition-delay#syntax +- transition-duration - https://developer.mozilla.org/docs/Web/CSS/transition-duration#syntax +- transition-property - https://developer.mozilla.org/docs/Web/CSS/transition-property#syntax +- transition-timing-function - https://developer.mozilla.org/docs/Web/CSS/transition-timing-function#syntax +- translate - https://developer.mozilla.org/docs/Web/CSS/translate#syntax +- unicode-bidi - https://developer.mozilla.org/docs/Web/CSS/unicode-bidi#syntax +- user-select - https://developer.mozilla.org/docs/Web/CSS/user-select#syntax +- vertical-align - https://developer.mozilla.org/docs/Web/CSS/vertical-align#syntax +- visibility - https://developer.mozilla.org/docs/Web/CSS/visibility#syntax +- white-space - https://developer.mozilla.org/docs/Web/CSS/white-space#syntax +- widows - https://developer.mozilla.org/docs/Web/CSS/widows#syntax +- width - https://developer.mozilla.org/docs/Web/CSS/width#syntax +- will-change - https://developer.mozilla.org/docs/Web/CSS/will-change#syntax +- word-break - https://developer.mozilla.org/docs/Web/CSS/word-break#syntax +- word-spacing - https://developer.mozilla.org/docs/Web/CSS/word-spacing#syntax +- word-wrap - https://developer.mozilla.org/docs/Web/CSS/overflow-wrap#syntax +- writing-mode - https://developer.mozilla.org/docs/Web/CSS/writing-mode#syntax +- z-index - https://developer.mozilla.org/docs/Web/CSS/z-index#syntax + +## Pseudos + +Pseudo selectors have one argument which is the CSS properties object or array. + +```javascript +css([hover([color(YELLOW)])]); +``` + +- :active - https://developer.mozilla.org/docs/Web/CSS/:active#syntax +- :any-link - https://developer.mozilla.org/docs/Web/CSS/:any-link#syntax +- :checked - https://developer.mozilla.org/docs/Web/CSS/:checked#syntax +- :default - https://developer.mozilla.org/docs/Web/CSS/:default#syntax +- :dir - https://developer.mozilla.org/docs/Web/CSS/:dir#syntax +- :disabled - https://developer.mozilla.org/docs/Web/CSS/:disabled#syntax +- :empty - https://developer.mozilla.org/docs/Web/CSS/:empty#syntax +- :enabled - https://developer.mozilla.org/docs/Web/CSS/:enabled#syntax +- :first - https://developer.mozilla.org/docs/Web/CSS/:first#syntax +- :first-child - https://developer.mozilla.org/docs/Web/CSS/:first-child#syntax +- :first-of-type - https://developer.mozilla.org/docs/Web/CSS/:first-of-type#syntax +- :fullscreen - https://developer.mozilla.org/docs/Web/CSS/:fullscreen#syntax +- :future - https://developer.mozilla.org/docs/Web/CSS/:future#syntax +- :focus - https://developer.mozilla.org/docs/Web/CSS/:focus#syntax +- :focus-visible - https://developer.mozilla.org/docs/Web/CSS/:focus-visible#syntax +- :focus-within - https://developer.mozilla.org/docs/Web/CSS/:focus-within#syntax +- :hover - https://developer.mozilla.org/docs/Web/CSS/:hover#syntax +- :indeterminate - https://developer.mozilla.org/docs/Web/CSS/:indeterminate#syntax +- :in-range - https://developer.mozilla.org/docs/Web/CSS/:in-range#syntax +- :invalid - https://developer.mozilla.org/docs/Web/CSS/:invalid#syntax +- :lang - https://developer.mozilla.org/docs/Web/CSS/:lang#syntax +- :last-child - https://developer.mozilla.org/docs/Web/CSS/:last-child#syntax +- :last-of-type - https://developer.mozilla.org/docs/Web/CSS/:last-of-type#syntax +- :left - https://developer.mozilla.org/docs/Web/CSS/:left#syntax +- :link - https://developer.mozilla.org/docs/Web/CSS/:link#syntax +- :not - https://developer.mozilla.org/docs/Web/CSS/:not#syntax +- :nth-child - https://developer.mozilla.org/docs/Web/CSS/:nth-child#syntax +- :nth-last-child - https://developer.mozilla.org/docs/Web/CSS/:nth-last-child#syntax +- :nth-last-of-type - https://developer.mozilla.org/docs/Web/CSS/:nth-last-of-type#syntax +- :nth-of-type - https://developer.mozilla.org/docs/Web/CSS/:nth-of-type#syntax +- :only-child - https://developer.mozilla.org/docs/Web/CSS/:only-child#syntax +- :only-of-type - https://developer.mozilla.org/docs/Web/CSS/:only-of-type#syntax +- :optional - https://developer.mozilla.org/docs/Web/CSS/:optional#syntax +- :out-of-range - https://developer.mozilla.org/docs/Web/CSS/:out-of-range#syntax +- :read-only - https://developer.mozilla.org/docs/Web/CSS/:read-only#syntax +- :read-write - https://developer.mozilla.org/docs/Web/CSS/:read-write#syntax +- :required - https://developer.mozilla.org/docs/Web/CSS/:required#syntax +- :right - https://developer.mozilla.org/docs/Web/CSS/:right#syntax +- :root - https://developer.mozilla.org/docs/Web/CSS/:root#syntax +- :scope - https://developer.mozilla.org/docs/Web/CSS/:scope#syntax +- :target - https://developer.mozilla.org/docs/Web/CSS/:target#syntax +- :valid - https://developer.mozilla.org/docs/Web/CSS/:valid#syntax +- :visited - https://developer.mozilla.org/docs/Web/CSS/:visited#syntax +- ::after - https://developer.mozilla.org/docs/Web/CSS/::after#syntax +- ::backdrop - https://developer.mozilla.org/docs/Web/CSS/::backdrop#syntax +- ::before - https://developer.mozilla.org/docs/Web/CSS/::before#syntax +- ::cue - https://developer.mozilla.org/docs/Web/CSS/::cue#syntax +- ::cue-region - https://developer.mozilla.org/docs/Web/CSS/::cue-region#syntax +- ::first-letter - https://developer.mozilla.org/docs/Web/CSS/::first-letter#syntax +- ::first-line - https://developer.mozilla.org/docs/Web/CSS/::first-line#syntax +- ::marker - https://developer.mozilla.org/docs/Web/CSS/::marker#syntax +- ::placeholder - https://developer.mozilla.org/docs/Web/CSS/::placeholder#syntax +- ::selection - https://developer.mozilla.org/docs/Web/CSS/::selection#syntax +- ::slotted - https://developer.mozilla.org/docs/Web/CSS/::slotted#syntax + +## Units + +cap, +ch, +cm, +deg, +dpcm, +dpi, +dppx, +em, +ex, +fr, +grad, +Hz, +ic, +in, +kHz, +mm, +ms, +pc, +pt, +px, +Q, +rad, +rem, +s, +turn, +vh, +vmax, +vmin, +vw, +x, + +## Util + +- flatten - Converts array of objects containing css properties into a single object +- string - wrap a string in quotations. `string(BLUE)` returns "BLUE" including double quotes. Only applies to CSS properties that must have a string literal diff --git a/cssProps/babel.config.js b/cssProps/babel.config.js new file mode 100644 index 00000000..fb675c54 --- /dev/null +++ b/cssProps/babel.config.js @@ -0,0 +1,20 @@ +module.exports = { + plugins: [ + [ + '@babel/plugin-transform-react-jsx', + { + pragma: 'h' + } + ] + ], + presets: [ + [ + '@babel/preset-env', + { + targets: { + node: 'current' + } + } + ] + ] +}; diff --git a/cssProps/cssMdnData/atRules.json b/cssProps/cssMdnData/atRules.json new file mode 100644 index 00000000..35c46ae3 --- /dev/null +++ b/cssProps/cssMdnData/atRules.json @@ -0,0 +1,67 @@ +{ + "@charset": { + "syntax": "@charset \"\";", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@charset#syntax" + }, + "@counter-style": { + "syntax": "@counter-style { [ system: ; ] || [ symbols: ; ] || [ additive-symbols: ; ] || [ negative: ; ] || [ prefix: ; ] || [ suffix: ; ] || [ range: ; ] || [ pad: ; ] || [ speak-as: ; ] || [ fallback: ; ] }", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@counter-style#syntax" + }, + "@font-face": { + "syntax": "@font-face { [ font-family: ; ] || [ src: ; ] || [ unicode-range: ; ] || [ font-variant: ; ] || [ font-feature-settings: ; ] || [ font-variation-settings: ; ] || [ font-stretch: ; ] || [ font-weight: ; ] || [ font-style: ; ] || [ size-adjust: ; ] || [ ascent-override: ; ] || [ descent-override: ; ] || [ line-gap-override: ; ] }", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@font-face#syntax" + }, + "@font-feature-values": { + "syntax": "@font-feature-values # { }", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@font-feature-values#syntax" + }, + "@import": { + "syntax": "@import [ | ] [ layer | layer() ]? [ supports( [ | ] ) ]? ? ;", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@import#syntax" + }, + "@keyframes": { + "syntax": "@keyframes { }", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@keyframes#syntax" + }, + "@layer": { + "syntax": "@layer [ # | ? { } ]", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@layer#syntax" + }, + "@media": { + "syntax": "@media { }", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@media#syntax" + }, + "@namespace": { + "syntax": "@namespace ? [ | ];", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@namespace#syntax" + }, + "@page": { + "syntax": "@page { }", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@page#syntax" + }, + "@scroll-timeline": { + "syntax": "@scroll-timeline { }", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@scroll-timeline#syntax" + }, + "@supports": { + "syntax": "@supports { }", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@supports#syntax" + }, + "@viewport": { + "syntax": "@viewport { }", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@viewport#syntax" + } +} \ No newline at end of file diff --git a/cssProps/cssMdnData/constants.json b/cssProps/cssMdnData/constants.json new file mode 100644 index 00000000..0121a78e --- /dev/null +++ b/cssProps/cssMdnData/constants.json @@ -0,0 +1,406 @@ +[ + "-infinity", + "A3", + "A4", + "A5", + "B4", + "B5", + "JIS-B4", + "JIS-B5", + "NaN", + "add", + "after", + "aliceblue", + "all", + "alpha", + "alternate", + "alternate-reverse", + "and", + "antiquewhite", + "aqua", + "aquamarine", + "at", + "auto", + "auto-fill", + "auto-fit", + "azure", + "backwards", + "baseline", + "before", + "beige", + "bisque", + "black", + "blanchedalmond", + "blank", + "block", + "blue", + "blueviolet", + "bold", + "border-box", + "both", + "bottom", + "brown", + "burlywood", + "button", + "cadetblue", + "center", + "chartreuse", + "checkbox", + "chocolate", + "circle", + "clear", + "close-quote", + "closest-corner", + "closest-side", + "color", + "color-burn", + "color-dodge", + "common-ligatures", + "condensed", + "contain", + "content", + "content-box", + "contents", + "contextual", + "copy", + "coral", + "cornflowerblue", + "cornsilk", + "cover", + "crimson", + "currentcolor", + "cursive", + "cyan", + "darkblue", + "darkcyan", + "darken", + "darkgoldenrod", + "darkgray", + "darkgreen", + "darkgrey", + "darkkhaki", + "darkmagenta", + "darkolivegreen", + "darkorange", + "darkorchid", + "darkred", + "darksalmon", + "darkseagreen", + "darkslateblue", + "darkslategray", + "darkslategrey", + "darkturquoise", + "darkviolet", + "dashed", + "deeppink", + "deepskyblue", + "destination-atop", + "destination-in", + "destination-out", + "destination-over", + "diagonal-fractions", + "difference", + "dimgray", + "dimgrey", + "discretionary-ligatures", + "dodgerblue", + "dotted", + "double", + "down", + "e", + "ease", + "ease-in", + "ease-in-out", + "ease-out", + "ellipse", + "end", + "even", + "evenodd", + "exclude", + "exclusion", + "expanded", + "extra-condensed", + "extra-expanded", + "fantasy", + "farthest-corner", + "farthest-side", + "fill-box", + "firebrick", + "first", + "first-letter", + "fixed", + "flex", + "flex-end", + "flex-start", + "floralwhite", + "flow", + "flow-root", + "forestgreen", + "forwards", + "from", + "fuchsia", + "full-width", + "gainsboro", + "ghostwhite", + "gold", + "goldenrod", + "gray", + "green", + "greenyellow", + "grey", + "grid", + "groove", + "hard-light", + "hidden", + "historical-ligatures", + "honeydew", + "horizontal", + "hotpink", + "hue", + "i", + "indianred", + "indigo", + "infinite", + "infinity", + "inline", + "inline-block", + "inline-flex", + "inline-grid", + "inline-list-item", + "inline-table", + "inset", + "intersect", + "ivory", + "jis04", + "jis78", + "jis83", + "jis90", + "jump-both", + "jump-end", + "jump-none", + "jump-start", + "khaki", + "large", + "larger", + "last", + "lavender", + "lavenderblush", + "lawngreen", + "ledger", + "left", + "legal", + "lemonchiffon", + "letter", + "lightblue", + "lightcoral", + "lightcyan", + "lighten", + "lightgoldenrodyellow", + "lightgray", + "lightgreen", + "lightgrey", + "lightpink", + "lightsalmon", + "lightseagreen", + "lightskyblue", + "lightslategray", + "lightslategrey", + "lightsteelblue", + "lightyellow", + "lime", + "limegreen", + "linear", + "linen", + "lining-nums", + "list-item", + "listbox", + "local", + "ltr", + "luminance", + "luminosity", + "magenta", + "margin-box", + "maroon", + "match-source", + "max-content", + "medium", + "mediumaquamarine", + "mediumblue", + "mediumorchid", + "mediumpurple", + "mediumseagreen", + "mediumslateblue", + "mediumspringgreen", + "mediumturquoise", + "mediumvioletred", + "menulist", + "meter", + "midnightblue", + "min-content", + "mintcream", + "mistyrose", + "moccasin", + "monospace", + "multiply", + "navajowhite", + "navy", + "nearest", + "no-clip", + "no-close-quote", + "no-common-ligatures", + "no-contextual", + "no-discretionary-ligatures", + "no-historical-ligatures", + "no-open-quote", + "no-repeat", + "none", + "nonzero", + "normal", + "not", + "odd", + "off", + "oldlace", + "oldstyle-nums", + "olive", + "olivedrab", + "on", + "only", + "open-quote", + "or", + "orange", + "orangered", + "orchid", + "outset", + "overlay", + "padding-box", + "palegoldenrod", + "palegreen", + "paleturquoise", + "palevioletred", + "papayawhip", + "paused", + "peachpuff", + "peru", + "pi", + "pink", + "plum", + "powderblue", + "progress-bar", + "proportional-nums", + "proportional-width", + "purple", + "push-button", + "radio", + "rebeccapurple", + "red", + "repeat", + "repeat-x", + "repeat-y", + "reverse", + "ridge", + "right", + "root", + "rosybrown", + "round", + "royalblue", + "rtl", + "ruby", + "ruby-base", + "ruby-base-container", + "ruby-text", + "ruby-text-container", + "run-in", + "running", + "s", + "saddlebrown", + "safe", + "salmon", + "sandybrown", + "sans-serif", + "saturation", + "screen", + "scroll", + "scroll-position", + "seagreen", + "searchfield", + "seashell", + "self-end", + "self-start", + "semi-condensed", + "semi-expanded", + "serif", + "sienna", + "silver", + "simplified", + "skyblue", + "slateblue", + "slategray", + "slategrey", + "slider-horizontal", + "small", + "small-caps", + "smaller", + "snow", + "soft-light", + "solid", + "source-atop", + "source-in", + "source-out", + "source-over", + "space", + "space-around", + "space-between", + "space-evenly", + "span", + "springgreen", + "square-button", + "stacked-fractions", + "start", + "steelblue", + "step-end", + "step-start", + "stretch", + "stroke-box", + "subtract", + "table", + "table-caption", + "table-cell", + "table-column", + "table-column-group", + "table-footer-group", + "table-header-group", + "table-row", + "table-row-group", + "tabular-nums", + "tan", + "teal", + "textarea", + "thick", + "thin", + "thistle", + "to", + "to-zero", + "tomato", + "top", + "traditional", + "transparent", + "turquoise", + "ultra-condensed", + "ultra-expanded", + "unsafe", + "up", + "vertical", + "view-box", + "violet", + "wheat", + "white", + "whitesmoke", + "x-large", + "x-small", + "xor", + "xx-large", + "xx-small", + "xxx-large", + "yellow", + "yellowgreen" +] \ No newline at end of file diff --git a/cssProps/cssMdnData/functions.json b/cssProps/cssMdnData/functions.json new file mode 100644 index 00000000..758ac2e1 --- /dev/null +++ b/cssProps/cssMdnData/functions.json @@ -0,0 +1,262 @@ +{ + "attr()": { + "syntax": "attr( ? [, ]? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/attr#syntax" + }, + "blur()": { + "syntax": "blur( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/blur#syntax" + }, + "brightness()": { + "syntax": "brightness( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/brightness#syntax" + }, + "calc()": { + "syntax": "calc( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc#syntax" + }, + "circle()": { + "syntax": "circle( [ ]? [ at ]? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/circle#syntax" + }, + "clamp()": { + "syntax": "clamp( #{3} )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clamp#syntax" + }, + "conic-gradient()": { + "syntax": "conic-gradient( [ from ]? [ at ]?, )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/conic-gradient#syntax" + }, + "contrast()": { + "syntax": "contrast( [ ] )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/contrast#syntax" + }, + "counter()": { + "syntax": "counter( , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/counter#syntax" + }, + "counters()": { + "syntax": "counters( , , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/counters#syntax" + }, + "cross-fade()": { + "syntax": "cross-fade( , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cross-fade#syntax" + }, + "drop-shadow()": { + "syntax": "drop-shadow( {2,3} ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/drop-shadow#syntax" + }, + "element()": { + "syntax": "element( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/element#syntax" + }, + "ellipse()": { + "syntax": "ellipse( [ {2} ]? [ at ]? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/ellipse#syntax" + }, + "env()": { + "syntax": "env( , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env#syntax" + }, + "fit-content()": { + "syntax": "fit-content( [ | ] )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/fit-content#syntax" + }, + "grayscale()": { + "syntax": "grayscale( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/grayscale#syntax" + }, + "hsl()": { + "syntax": "hsl( [ / ]? ) | hsl( , , , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl#syntax" + }, + "hsla()": { + "syntax": "hsla( [ / ]? ) | hsla( , , , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsla#syntax" + }, + "hue-rotate()": { + "syntax": "hue-rotate( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/hue-rotate#syntax" + }, + "image()": { + "syntax": "image( ? [ ? , ? ]! )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/image#syntax" + }, + "image-set()": { + "syntax": "image-set( # )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/image-set#syntax" + }, + "inset()": { + "syntax": "inset( {1,4} [ round <'border-radius'> ]? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/inset#syntax" + }, + "invert()": { + "syntax": "invert( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/invert#syntax" + }, + "leader()": { + "syntax": "leader( )", + "mdn_url": "undefined#syntax" + }, + "linear-gradient()": { + "syntax": "linear-gradient( [ | to ]? , )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/linear-gradient#syntax" + }, + "matrix()": { + "syntax": "matrix( #{6} )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix#syntax" + }, + "matrix3d()": { + "syntax": "matrix3d( #{16} )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix3d#syntax" + }, + "max()": { + "syntax": "max( # )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/max#syntax" + }, + "min()": { + "syntax": "min( # )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/min#syntax" + }, + "minmax()": { + "syntax": "minmax( [ | | min-content | max-content | auto ] , [ | | | min-content | max-content | auto ] )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/minmax#syntax" + }, + "opacity()": { + "syntax": "opacity( [ ] )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/opacity#syntax" + }, + "path()": { + "syntax": "path( [ , ]? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/path#syntax" + }, + "paint()": { + "syntax": "paint( , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/paint#syntax" + }, + "perspective()": { + "syntax": "perspective( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/perspective#syntax" + }, + "polygon()": { + "syntax": "polygon( ? , [ ]# )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/polygon#syntax" + }, + "radial-gradient()": { + "syntax": "radial-gradient( [ || ]? [ at ]? , )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/radial-gradient#syntax" + }, + "repeating-linear-gradient()": { + "syntax": "repeating-linear-gradient( [ | to ]? , )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/repeating-linear-gradient#syntax" + }, + "repeating-radial-gradient()": { + "syntax": "repeating-radial-gradient( [ || ]? [ at ]? , )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-linear-gradient#syntax" + }, + "rgb()": { + "syntax": "rgb( {3} [ / ]? ) | rgb( {3} [ / ]? ) | rgb( #{3} , ? ) | rgb( #{3} , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb#syntax" + }, + "rgba()": { + "syntax": "rgba( {3} [ / ]? ) | rgba( {3} [ / ]? ) | rgba( #{3} , ? ) | rgba( #{3} , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgba#syntax" + }, + "rotate()": { + "syntax": "rotate( [ | ] )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate#syntax" + }, + "rotate3d()": { + "syntax": "rotate3d( , , , [ | ] )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate3d#syntax" + }, + "rotateX()": { + "syntax": "rotateX( [ | ] )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateX#syntax" + }, + "rotateY()": { + "syntax": "rotateY( [ | ] )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateY#syntax" + }, + "rotateZ()": { + "syntax": "rotateZ( [ | ] )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateZ#syntax" + }, + "saturate()": { + "syntax": "saturate( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/saturate#syntax" + }, + "scale()": { + "syntax": "scale( , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scale#syntax" + }, + "scale3d()": { + "syntax": "scale3d( , , )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scale3d#syntax" + }, + "scaleX()": { + "syntax": "scaleX( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleX#syntax" + }, + "scaleY()": { + "syntax": "scaleY( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleY#syntax" + }, + "scaleZ()": { + "syntax": "scaleZ( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleZ#syntax" + }, + "skew()": { + "syntax": "skew( [ | ] , [ | ]? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skew#syntax" + }, + "skewX()": { + "syntax": "skewX( [ | ] )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skewX#syntax" + }, + "skewY()": { + "syntax": "skewY( [ | ] )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skewY#syntax" + }, + "sepia()": { + "syntax": "sepia( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/sepia#syntax" + }, + "target-counter()": { + "syntax": "target-counter( [ | ] , , ? )", + "mdn_url": "undefined#syntax" + }, + "target-counters()": { + "syntax": "target-counters( [ | ] , , , ? )", + "mdn_url": "undefined#syntax" + }, + "target-text()": { + "syntax": "target-text( [ | ] , [ content | before | after | first-letter ]? )", + "mdn_url": "undefined#syntax" + }, + "translate()": { + "syntax": "translate( , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translate#syntax" + }, + "translate3d()": { + "syntax": "translate3d( , , )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translate3d#syntax" + }, + "translateX()": { + "syntax": "translateX( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateX#syntax" + }, + "translateY()": { + "syntax": "translateY( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateY#syntax" + }, + "translateZ()": { + "syntax": "translateZ( )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateZ#syntax" + }, + "var()": { + "syntax": "var( , ? )", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/var#syntax" + } +} \ No newline at end of file diff --git a/cssProps/cssMdnData/properties.json b/cssProps/cssMdnData/properties.json new file mode 100644 index 00000000..28da43c1 --- /dev/null +++ b/cssProps/cssMdnData/properties.json @@ -0,0 +1,1882 @@ +{ + "-webkit-line-clamp": { + "syntax": "none | ", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/-webkit-line-clamp#syntax" + }, + "accent-color": { + "syntax": "auto | ", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/accent-color#syntax" + }, + "align-content": { + "syntax": "normal | | | ? ", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/align-content#syntax" + }, + "align-items": { + "syntax": "normal | stretch | | [ ? ]", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/align-items#syntax" + }, + "align-self": { + "syntax": "auto | normal | stretch | | ? ", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/align-self#syntax" + }, + "all": { + "syntax": "initial | inherit | unset | revert | revert-layer", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/all#syntax" + }, + "animation": { + "syntax": "#", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation#syntax" + }, + "animation-delay": { + "syntax": "