elm-css Phantom Types TODO List

This issue will help coordinate efforts on https://github.com/rtfeldman/elm-css/issues/375 (the phantom-types branch)

If you'd like to pitch in, awesome! Here are some guidelines on how to contribute: https://github.com/rtfeldman/elm-css/wiki/Phantom-Types:-Contributing

If you'd like to grab one (or a related set) of these, comment below and I'll add your name! This way we can avoid stepping on each others' toes.

Grabbed

width @edkv
height @edkv
minWidth @edkv
minHeight @edkv
maxWidth @edkv
maxHeight @edkv
textShadow @brianvanburken
textShadow2 @brianvanburken
textShadow3 @brianvanburken
textShadow4 @brianvanburken

If you'd like to grab something, please leave a comment below!

Available to convert

blink
bottom
boxShadow2
boxShadow3
boxShadow4
boxShadow5
boxShadow6
breakWord
checked
circle
clip
column
columnReverse
content
currentColor
cursorAlias
decimal
decimalLeadingZero
deg
dir
disabled
disc
eachLine
ellipsis
empty
enabled
featureOff
featureOn
featureTag
featureTag2
fillAvailable
first
firstChild
firstLetter
firstLine
firstOfType
fitContent
flat
flex
flex2
flex3
flexBasis
flexDirection
flexFlow1
flexFlow2
flexGrow
flexShrink
flexWrap
focus
fullscreen
grad
hanging
horizontal
hover
important
indeterminate
inlineListItem
inlineTable
inside
invalid
justifyAll
justifyContent
lang
lastChild
lastOfType
letterSpacing
lineHeight
lineThrough
linearGradient
linearGradient2
link
listItem
listStylePosition
listStyleType
lowerAlpha
lowerGreek
lowerLatin
lowerRoman
manipulation
maxContent
minContent
nthChild
nthLastChild
nthLastOfType
nthOfType
onlyChild
onlyOfType
optional
outOfRange
outline
outline3
outlineColor
outlineOffset
outlineStyle
outlineWidth
outside
overline
panDown
panLeft
panRight
panUp
panX
panY
pinchZoom
preserve3d
property
qt
rad
readWrite
required
resize
root
row
rowReverse
scope
screenBlendMode
selection
spaceAround
spaceBetween
stroke
src_
target
textAlignLast
textEmphasisColor
textIndent
textIndent2
textIndent3
textOverflow
thick
thin
top
touchAction
transformBox
transformStyle
transparent
true
turn
upperAlpha
upperLatin
upperRoman
valid
vertical
viewBox
visited
wrap
wrapReverse

Done!

~~absolute~~ @rtfeldman
~~active~~ @rtfeldman
~~after~~ @rtfeldman
~~alias~~ @rtfeldman
~~alignItems~~ @rtfeldman
~~alignSelf~~ @rtfeldman
~~all~~ @rtfeldman
~~allPetiteCaps~~ @rtfeldman
~~allScroll~~ @rtfeldman
~~allSmallCaps~~ @rtfeldman
~~arabicIndic~~ @rtfeldman
~~armenian~~ @rtfeldman
~~auto~~ @rtfeldman
~~backgroundAttachment~~ @rtfeldman
~~backgroundAttachments~~ @rtfeldman
~~backgroundBlendMode~~ @rtfeldman
~~backgroundBlendModes~~ @rtfeldman
~~backgroundClip~~ @rtfeldman
~~backgroundClips~~ @rtfeldman
~~backgroundColor~~ @rtfeldman
~~backgroundOrigin~~ @rtfeldman
~~backgroundOrigins~~ @rtfeldman
~~baseline~~ @rtfeldman
~~batch~~ @rtfeldman
~~before~~ @rtfeldman
~~bengali~~ @rtfeldman
~~block~~ @rtfeldman
~~bold~~ @rtfeldman
~~bolder~~ @rtfeldman
~~borderBox~~ @rtfeldman
~~boxShadow~~ @rtfeldman
~~cell~~ @rtfeldman
~~center~~ @rtfeldman
~~ch~~ @rtfeldman
~~cjkEarthlyBranch~~ @rtfeldman
~~cjkHeavenlyStem~~ @rtfeldman
~~cm~~ @rtfeldman
~~colResize~~ @rtfeldman
~~color~~ @rtfeldman
~~colorBurn~~ @rtfeldman
~~colorDodge~~ @rtfeldman
~~color_~~ @rtfeldman
~~commonLigatures~~ @rtfeldman
~~contentBox~~ @rtfeldman
~~contextMenu~~ @rtfeldman
~~contextual~~ @rtfeldman
~~copy~~ @rtfeldman
~~crosshair~~ @rtfeldman
~~cursive~~ @rtfeldman
~~cursor~~ @rtfeldman
~~darken~~ @rtfeldman
~~dashed~~ @rtfeldman
~~default~~ @rtfeldman
~~defaultBoxShadow~~ @rtfeldman
~~devanagari~~ @rtfeldman
~~diagonalFractions~~ @rtfeldman
~~difference~~ @rtfeldman
~~discretionaryLigatures~~ @rtfeldman
~~display~~ @rtfeldman
~~displayFlex~~ @rtfeldman
~~dotted~~ @rtfeldman
~~double~~ @rtfeldman
~~eResize~~ @rtfeldman
~~em~~ @rtfeldman
~~end~~ @rtfeldman
~~ewResize~~ @rtfeldman
~~ex~~ @rtfeldman
~~exclusion~~ @rtfeldman
~~fantasy~~ @rtfeldman
~~firstBaseline~~ @rtfeldman
~~fixed~~ @rtfeldman
~~flexEnd~~ @rtfeldman
~~flexStart~~ @rtfeldman
~~fontFamilies~~ @rtfeldman
~~fontFamily~~ @rtfeldman
~~fontSize~~ @rtfeldman
~~fontStyle~~ @rtfeldman
~~fontVariantCaps~~ @rtfeldman
~~fontVariantLigatures~~ @rtfeldman
~~fontVariantNumeric~~ @rtfeldman
~~fontWeight~~ @rtfeldman
~~georgian~~ @rtfeldman
~~grab~~ @rtfeldman
~~grabbing~~ @rtfeldman
~~grid~~ @rtfeldman
~~groove~~ @rtfeldman
~~gujarati~~ @rtfeldman
~~gurmukhi~~ @rtfeldman
~~hardLight~~ @rtfeldman
~~help~~ @rtfeldman
~~hex~~ @rtfeldman
~~historicalLigatures~~ @rtfeldman
~~hsl~~ @rtfeldman
~~hsla~~ @rtfeldman
~~hue~~ @rtfeldman
~~inches~~ @rtfeldman
~~inherit~~ @rtfeldman
~~initial~~ @rtfeldman
~~inline~~ @rtfeldman
~~inlineBlock~~ @rtfeldman
~~inlineFlex~~ @rtfeldman
~~inset~~ @rtfeldman
~~int~~ @rtfeldman
~~italic~~ @rtfeldman
~~kannada~~ @rtfeldman
~~khmer~~ @rtfeldman
~~lao~~ @rtfeldman
~~large~~ @rtfeldman
~~larger~~ @rtfeldman
~~lastBaseline~~ @rtfeldman
~~left~~ @rtfeldman
~~lighten~~ @rtfeldman
~~lighter~~ @rtfeldman
~~liningNums~~ @rtfeldman
~~listStyle~~ @rtfeldman
~~listStyle2~~ @rtfeldman
~~listStyle3~~ @rtfeldman
~~local~~ @rtfeldman
~~luminosity~~ @rtfeldman
~~malayalam~~ @rtfeldman
~~medium~~ @rtfeldman
~~mm~~ @rtfeldman
~~monospace~~ @rtfeldman
~~move~~ @rtfeldman
~~multiply~~ @rtfeldman
~~myanmar~~ @rtfeldman
~~nResize~~ @rtfeldman
~~neResize~~ @rtfeldman
~~neswResize~~ @rtfeldman
~~noCommonLigatures~~ @rtfeldman
~~noContextual~~ @rtfeldman
~~noDiscretionaryLigatures~~ @rtfeldman
~~noDrop~~ @rtfeldman
~~noHistoricalLigatures~~ @rtfeldman
~~none~~ @rtfeldman
~~normal~~ @rtfeldman
~~notAllowed~~ @rtfeldman
~~nsResize~~ @rtfeldman
~~num~~ @rtfeldman
~~nwResize~~ @rtfeldman
~~nwseResize~~ @rtfeldman
~~oblique~~ @rtfeldman
~~oldstyleNums~~ @rtfeldman
~~ordinal~~ @rtfeldman
~~oriya~~ @rtfeldman
~~outset~~ @rtfeldman
~~overlay~~ @rtfeldman
~~paddingBox~~ @rtfeldman
~~pc~~ @rtfeldman
~~pct~~ @rtfeldman
~~petiteCaps~~ @rtfeldman
~~pointer~~ @rtfeldman
~~progress~~ @rtfeldman
~~proportionalNums~~ @rtfeldman
~~pseudoClass~~ @rtfeldman
~~pseudoElement~~ @rtfeldman
~~pt~~ @rtfeldman
~~px~~ @rtfeldman
~~rem~~ @rtfeldman
~~revert~~ @rtfeldman
~~rgb~~ @rtfeldman
~~rgba~~ @rtfeldman
~~ridge~~ @rtfeldman
~~right~~ @rtfeldman
~~rowResize~~ @rtfeldman
~~sResize~~ @rtfeldman
~~safeCenter~~ @rtfeldman
~~sansSerif~~ @rtfeldman
~~saturation~~ @rtfeldman
~~screen~~ @rtfeldman
~~scroll~~ @rtfeldman
~~seResize~~ @rtfeldman
~~selfEnd~~ @rtfeldman
~~selfStart~~ @rtfeldman
~~serif~~ @rtfeldman
~~slashedZero~~ @rtfeldman
~~small~~ @rtfeldman
~~smallCaps~~ @rtfeldman
~~smaller~~ @rtfeldman
~~softLight~~ @rtfeldman
~~solid~~ @rtfeldman
~~stackedFractions~~ @rtfeldman
~~start~~ @rtfeldman
~~stretch~~ @rtfeldman
~~swResize~~ @rtfeldman
~~systemUi~~ @rtfeldman
~~table~~ @rtfeldman
~~tableCaption~~ @rtfeldman
~~tableCell~~ @rtfeldman
~~tableColumn~~ @rtfeldman
~~tableColumnGroup~~ @rtfeldman
~~tableFooterGroup~~ @rtfeldman
~~tableHeaderGroup~~ @rtfeldman
~~tableRow~~ @rtfeldman
~~tableRowGroup~~ @rtfeldman
~~tabularNums~~ @rtfeldman
~~telugu~~ @rtfeldman
~~text~~ @rtfeldman
~~text_~~ @rtfeldman
~~thai~~ @rtfeldman
~~titlingCaps~~ @rtfeldman
~~unicase~~ @rtfeldman
~~unsafeCenter~~ @rtfeldman
~~unset~~ @rtfeldman
~~url~~ @rtfeldman
~~verticalText~~ @rtfeldman
~~vh~~ @rtfeldman
~~vmax~~ @rtfeldman
~~vmin~~ @rtfeldman
~~vw~~ @rtfeldman
~~wResize~~ @rtfeldman
~~wait~~ @rtfeldman
~~wavy~~ @rtfeldman
~~xLarge~~ @rtfeldman
~~xSmall~~ @rtfeldman
~~xxLarge~~ @rtfeldman
~~xxSmall~~ @rtfeldman
~~zero~~ @rtfeldman
~~zoomIn~~ @rtfeldman
~~zoomOut~~ @rtfeldman
~~backgroundImage~~ @BrianHicks
~~backgroundPosition~~ @BrianHicks
~~backgroundPosition2~~ @BrianHicks
~~backgroundPosition4~~ @BrianHicks
~~backgroundSize~~ @BrianHicks
~~backgroundSize2~~ @BrianHicks
~~bottom_~~ @BrianHicks
~~deg~~ @BrianHicks
~~grad~~ @BrianHicks
~~left_~~ @BrianHicks
~~linearGradient~~ @BrianHicks
~~rad~~ @BrianHicks
~~right_~~ @BrianHicks
~~stop~~ @BrianHicks
~~stop2~~ @BrianHicks
~~to~~ @BrianHicks
~~toCorner~~ @BrianHicks
~~top_~~ @BrianHicks
~~turn~~ @BrianHicks
~~overflow~~ @juanedi
~~overflowWrap~~ @juanedi
~~overflowX~~ @juanedi
~~overflowY~~ @juanedi
~~textTransform~~ @sturgman
~~capitalize~~ @sturgman
~~uppercase~~ @sturgman
~~lowercase~~ @sturgman
~~fullWidth~~ @sturgman
~~textRendering~~ @sturgman
~~optimizeLegibility~~ @sturgman
~~optimizeSpeed~~ @sturgman
~~geometricPrecision~~ @sturgman
~~textOrientation~~ @sturgman
~~mixed~~ @sturgman
~~upright~~ @sturgman
~~sideways~~ @sturgman
~~captionSide~~ @mattjbray
~~borderCollapse~~ @mattjbray
~~borderSpacing~~ @mattjbray
~~borderSpacing2~~ @mattjbray
~~separate~~ @mattjbray
~~collapse~~ @mattjbray
~~emptyCells~~ @mattjbray
~~show~~ @mattjbray
~~hide~~ @mattjbray
~~tableLayout~~ @mattjbray
~~verticalAlign~~ @mattjbray
~~sub~~ @mattjbray
~~super~~ @mattjbray
~~textTop~~ @mattjbray
~~textBottom~~ @mattjbray
~~middle~~ @mattjbray
~~direction~~ @brianvanburken
~~ltr~~ @brianvanburken
~~rtl~~ @brianvanburken
~~textAlign~~ @brianvanburken
~~matchParent~~ @brianvanburken
~~justify~~ @brianvanburken
~~toBottom~~ @rtfeldman
~~toBottomLeft~~ @rtfeldman
~~toBottomRight~~ @rtfeldman
~~toLeft~~ @rtfeldman
~~toRight~~ @rtfeldman
~~toTop~~ @rtfeldman
~~toTopLeft~~ @rtfeldman
~~toTopRight~~ @rtfeldman
~~position~~ @tolgap
~~relative~~ @tolgap
~~static~~ @tolgap
~~sticky~~ @tolgap
~~top~~ @tolgap
~~bottom~~ @tolgap
~~left~~ @tolgap
~~right~~ @tolgap
~~zIndex~~ @tolgap
~~backgroundRepeat~~ @BrianHicks
~~backgroundRepeat2~~ @BrianHicks
~~noRepeat~~ @BrianHicks
~~repeat~~ @BrianHicks
~~repeatX~~ @BrianHicks
~~repeatY~~ @BrianHicks
~~round~~ @BrianHicks
~~space~~ @BrianHicks
~~border~~ @owanturist
~~border2~~ @owanturist
~~border3~~ @owanturist
~~borderColor~~ @owanturist
~~borderColor2~~ @owanturist
~~borderColor3~~ @owanturist
~~borderColor4~~ @owanturist
~~borderStyle~~ @owanturist
~~borderWidth~~ @owanturist
~~borderWidth2~~ @owanturist
~~borderWidth3~~ @owanturist
~~borderWidth4~~ @owanturist
~~borderBottom~~ @owanturist
~~borderBottom2~~ @owanturist
~~borderBottom3~~ @owanturist
~~borderBottomColor~~ @owanturist
~~borderBottomStyle~~ @owanturist
~~borderBottomWidth~~ @owanturist
~~borderTop~~ @owanturist
~~borderTop2~~ @owanturist
~~borderTop3~~ @owanturist
~~borderTopColor~~ @owanturist
~~borderTopStyle~~ @owanturist
~~borderTopWidth~~ @owanturist
~~borderRight~~ @owanturist
~~borderRight2~~ @owanturist
~~borderRight3~~ @owanturist
~~borderRightColor~~ @owanturist
~~borderRightStyle~~ @owanturist
~~borderRightWidth~~ @owanturist
~~borderLeft~~ @owanturist
~~borderLeft2~~ @owanturist
~~borderLeft3~~ @owanturist
~~borderLeftColor~~ @owanturist
~~borderLeftStyle~~ @owanturist
~~borderLeftWidth~~ @owanturist
~~thick~~ @owanturist
~~thin~~ @owanturist
~~nowrap~~ @brianvanburken
~~pre~~ @brianvanburken
~~preLine~~ @brianvanburken
~~preWrap~~ @brianvanburken
~~whiteSpace~~ @brianvanburken
~~float~~ @brianvanburken
~~wordBreak~~ @brianvanburken
~~breakAll~~ @brianvanburken
~~keepAll~~ @brianvanburken
~~visibility~~ @brianvanburken
~~visible~~ @brianvanburken
~~contain~~ @BrianHicks
~~cover~~ @BrianHicks
~~borderRadius~~ @owanturist
~~borderRadius2~~ @owanturist
~~borderRadius3~~ @owanturist
~~borderRadius4~~ @owanturist
~~borderTopLeftRadius~~ @owanturist
~~borderTopLeftRadius2~~ @owanturist
~~borderTopRightRadius~~ @owanturist
~~borderTopRightRadius2~~ @owanturist
~~borderBottomLeftRadius~~ @owanturist
~~borderBottomLeftRadius2~~ @owanturist
~~borderBottomRightRadius~~ @owanturist
~~borderBottomRightRadius2~~ @owanturist
~~fill~~ @brianvanburken
~~padding~~ @owanturist
~~padding2~~ @owanturist
~~padding3~~ @owanturist
~~padding4~~ @owanturist
~~paddingBottom~~ @owanturist
~~paddingLeft~~ @owanturist
~~paddingRight~~ @owanturist
~~paddingTop~~ @owanturist
~~margin~~ @owanturist
~~margin2~~ @owanturist
~~margin3~~ @owanturist
~~margin4~~ @owanturist
~~marginBottom~~ @owanturist
~~marginLeft~~ @owanturist
~~marginRight~~ @owanturist
~~marginTop~~ @owanturist
~~textDecoration~~ @owanturist
~~textDecoration2~~ @owanturist
~~textDecoration3~~ @owanturist
~~textDecorationColor~~ @owanturist
~~textDecorationLine~~ @owanturist
~~textDecorationLine3~~ @owanturist
~~textDecorationStyle~~ @owanturist
~~underline~~ @owanturist
~~overline~~ @owanturist
~~lineThrough~~ @owanturist
~~borderImageOutset~~ @Arkham
~~borderImageOutset2~~ @Arkham
~~borderImageOutset3~~ @Arkham
~~borderImageOutset4~~ @Arkham
~~borderImageWidth~~ @Arkham
~~borderImageWidth2~~ @Arkham
~~borderImageWidth3~~ @Arkham
~~borderImageWidth4~~ @Arkham
~~all_~~ @brianvanburken
~~balance~~ @brianvanburken
~~balanceAll~~ @brianvanburken
~~columnCount~~ @brianvanburken
~~columnFill~~ @brianvanburken
~~columnGap~~ @brianvanburken
~~columnRule~~ @brianvanburken
~~columnRule2~~ @brianvanburken
~~columnRule3~~ @brianvanburken
~~columnRuleColor~~ @brianvanburken
~~columnRuleStyle~~ @brianvanburken
~~columnRuleWidth~~ @brianvanburken
~~columnSpan~~ @brianvanburken
~~columnWidth~~ @brianvanburken
~~columns~~ @brianvanburken
~~columns2~~ @brianvanburken
~~boxSizing~~ @edkv
~~arcs~~ @brianvanburken
~~bevel~~ @brianvanburken
~~boundingBox~~ @brianvanburken
~~butt~~ @brianvanburken
~~clone~~ @brianvanburken
~~compress~~ @brianvanburken
~~crop~~ @brianvanburken
~~dashes~~ @brianvanburken
~~fillBox ~~ @brianvanburken
~~gaps ~~ @brianvanburken
~~miter~~ @brianvanburken
~~slice~~ @brianvanburken
~~square~~ @brianvanburken
~~strokeAlign~~ @brianvanburken
~~strokeAlign~~ @brianvanburken
~~strokeBox~~ @brianvanburken
~~strokeBreak~~ @brianvanburken
~~strokeColor~~ @brianvanburken
~~strokeDashCorner~~ @brianvanburken
~~strokeDashJustify~~ @brianvanburken
~~strokeDasharray~~ @brianvanburken
~~strokeDashoffset~~ @brianvanburken
~~strokeImage~~ @brianvanburken
~~strokeLinecap~~ @brianvanburken
~~strokeLinejoin~~ @brianvanburken
~~strokeLinejoin2~~ @brianvanburken
~~strokeMiterlimit~~ @brianvanburken
~~strokeOpacity~~ @brianvanburken
~~strokeOrigin~~ @brianvanburken
~~strokePosition~~ @brianvanburken
~~strokePosition2~~ @brianvanburken
~~strokePosition4~~ @brianvanburken
~~strokeRepeat~~ @brianvanburken
~~strokeRepeat2~~ @brianvanburken
~~strokeSize~~ @brianvanburken
~~strokeSize2~~ @brianvanburken
~~strokeWidth~~ @brianvanburken
~~stupid~~ @brianvanburken
~~calc~~ @rtfeldman
~~plus~~ @rtfeldman
~~minus~~ @rtfeldman
~~both~~ @brianvanburken
~~clear~~ @brianvanburken
~~zoom~~ @brianvanburken
~~opacity~~ @brianvanburken
~~inlineEnd~~ @brianvanburken
~~inlineStart~~ @brianvanburken
~~matrix~~ @brianvanburken
~~matrix3d~~ @brianvanburken
~~perspective~~ @brianvanburken
~~rotate~~ @brianvanburken
~~rotate3d~~ @brianvanburken
~~rotateX~~ @brianvanburken
~~rotateY~~ @brianvanburken
~~rotateZ~~ @brianvanburken
~~scale~~ @brianvanburken
~~scale2~~ @brianvanburken
~~scale3d~~ @brianvanburken
~~scaleX~~ @brianvanburken
~~scaleY~~ @brianvanburken
~~scaleZ~~ @brianvanburken
~~skew~~ @brianvanburken
~~skew2~~ @brianvanburken
~~skewX~~ @brianvanburken
~~skewY~~ @brianvanburken
~~translate~~ @brianvanburken
~~translate2~~ @brianvanburken
~~translate3d~~ @brianvanburken
~~translateX~~ @brianvanburken
~~translateY~~ @brianvanburken
~~translateZ~~ @brianvanburken
~~transform~~ @brianvanburken

Mar 30 '18 22:03 rtfeldman

I'll take background! (1-7 inclusive)

What do you think would be the best diff to look at so I don't submit something unexpected in a PR?

Apr 02 '18 14:04 BrianHicks

@BrianHicks For backgroundImage I'd look at how cursor works, since it also accepts url.

I think for backgroundRepeat you'll also end up implementing a bunch of related ones like noRepeat. I'd look at backgroundAttachment for an example of how that works. (There's also backgroundAttachments - the plural of backgroundAttachment, that is - which accepts a List. I don't know if that applies to background-repeat the way it applies to background-attachment, though. Looking at the MDN docs for those two properties should make it clear what should be accepted!)

Apr 02 '18 16:04 rtfeldman

Mmm, my bad. I guess I was after general advice for the other 356 items to make this low-hanging fruit even lower. Based on our chat elsewhere, here's how you'd upgrade one item:

find a similar type already in this branch and modify it to work with the new types and according to the CSS spec as documented by MDN.
copy docs from master, if they're present.
change MDN links to css-tricks links if available (they tend to say "how" more than "what" and are more helpful for docs.)
add simple examples to docs–mostly to demonstrate compilable simple use, not necessarily real-world use (for example: display none for either display or none.)

Apr 02 '18 16:04 BrianHicks

also, ah dang you already did this in the wiki! Nice! I just missed it.

Apr 02 '18 17:04 BrianHicks

I did textTransform and its values since I identified that one as a very easy one and I am a total beginner on this stuff. I did:

textTransform
capitalize
uppercase
lowercase
fullWidth

If you can review when you get a chance and let me know if I did it correctly I can submit you a list of some others I can do (with less hand-holding/reviewing). Here it is: textTransform

Hopefully I am more help than trouble!

Apr 03 '18 18:04 sturgman

looks like I'll also need to do the linearGradients for backgroundImage

Apr 03 '18 20:04 BrianHicks

I'll start with the overflow props (220-223)!

Apr 12 '18 21:04 juanedi

👋 overflow, overflowX, overflowY and overflowWrap: https://github.com/rtfeldman/elm-css/pull/400

Apr 16 '18 19:04 juanedi

I can work on:

textRendering [305] and its values optimizeSpeed [206], optimizeLegibility [205], and geometricPrecision [140]. It seems that auto is already implemented.
textOrientation [303] and its values mixed [?], upright [?], sideways [?]. Maybe there is a reason the list is missing the values for textOrientation? MDN also claims that sidewaysRight is an alias to sideways kept for compatibility purposes and that useGlyphOrientation is used to set deprecated properties in SVG. Should sidewaysRight and useGlyphOrientation be implemented? I checked the current version of elm-css and it implements the three official/supported values: mixed, upright, and sideways.

Apr 17 '18 21:04 sturgman

Nice, sounds good @sturgman!

I avoid including things that are deprecated, or which are too new to have widespread browser support yet. I don't think we need the aliases.

Apr 17 '18 21:04 rtfeldman

I can take the table-related properties and their values:

borderCollapse, collapse, separate
borderSpacing, borderSpacing2
captionSide
emptyCells, show, hide
tableLayout (values already done)
verticalAlign, sub, super, textTop, textBottom, middle (other values already done)

Edit: #404

Apr 18 '18 20:04 mattjbray

#408 includes:

z-index
position
absolute, fixed, relative, static, sticky
top, left, bottom, right

Apr 21 '18 22:04 tolgap

I'd like to take some border properties with values:

Border with single argument:

[x] border* [2-4]
[x] borderColor* [25-28]
[x] borderStyle {64} + adding of borderStyle{2, 3, 4}
[x] borderWidth* [75-78]

Border with multiple arguments:

[x] borderTop* [65-68] {73, 74}
[x] borderRight* [58-63]
[x] borderBottom* [15-18] {23, 24}
[x] borderLeft* [48-53]

New border style values:

[x] hidden {139}

Apr 24 '18 09:04 owanturist

Sounds great @owanturist! 🤘

Apr 24 '18 17:04 rtfeldman

I'd like to grab all border-radius properties: [16-19, 41-48]

@rtfeldman please mark borderBottom* ([12-15], {20, 21}) properties in TODO list as done 😃

Apr 26 '18 03:04 owanturist

I'd would like to add the following properties 🙂

[x] float (#416)
[x] word-break (missing from the TODO list. Docs: mdn)(#417)
[x] fill (#423)
[x] order (#422)
[x] visibility (#418)

Apr 29 '18 17:04 brianvanburken

I see that the following SVG related properties are missing from the TODO list:

[x] stroke (#424)
[x] stroke-dasharray (#424)
[x] stroke-dashoffset (#424)
[x] stroke-linecap (#424)
[x] stroke-width (#424)

I'll take these if they should be added :)

May 03 '18 06:05 brianvanburken

@rtfeldman I'm going to adapt padding properties: [115-118,124-126] and {121}.

May 03 '18 15:05 owanturist

@brianvanburken Added stroke and related ones to the list - thanks for pointing them out!

May 06 '18 15:05 rtfeldman

The following properties are missing from the fill w3 spec:

[ ] fill-break
[ ] fill-color
[ ] fill-image
[ ] fill-opacity
[ ] fill-origin
[ ] fill-position
[ ] fill-repeat
[ ] fill-rule
[ ] fill-size

Furthermore I did an check against the TODO list and CSS tricks Almanac to find missing properties defined there. Below is the list that I found missing:

May 08 '18 16:05 brianvanburken

@rtfeldman I think margin* properties will be next ([114-117, 123-125], {120}) for adaptation by me)

May 10 '18 09:05 owanturist

@rtfeldman I'd like to grab next properties:

textDecoration{1-3}
textDecorationLine
textDecorationStyle
textDecorationColor

with corresponding values:

underline
overline
lineThrough

and I think those properties are invalid (I haven't found any of them):

textDecorations{1-3} (plural)
textDecorationLines (plural)

May 15 '18 06:05 owanturist

I'll be working on the column related properties next:

[x] columnCount
[x] columnFill
[x] columnGap
[x] columnRule
[x] columnSpan
[x] columnWidth
[x] columns

May 15 '18 18:05 brianvanburken

I'll pick up the borderBlock* ones.

Jun 10 '18 20:06 Arkham

Actually, the following list of properties are tagged as experimental on the MDN website, so maybe we should remove them from the list:

borderBlockEnd*
borderBlockStart*
borderInlineEnd*
borderInlineStart*
paddingBlockEnd
paddingBlockStart
paddingInlineEnd
paddingInlineStart

Jun 10 '18 20:06 Arkham

I'll pick up the borderImageOutset* and borderImageWidth* related ones.

Jun 10 '18 20:06 Arkham

@rtfeldman I want to implement width, height, minWidth,minHeight, maxWidth and maxHeight.

I see they can also accept a few experimental values: min-content, max-content, available, fit-content and fill-available (also fill and stretch? seems like these are old/new versions of fill-available, but I'm not sure). We probably shouldn't support them because they are experimental and don't have consistent browser support. However, most of them are in the TODO list.

So should I add support for these values or should they be removed from the list?

Jun 19 '18 13:06 edkv

I'll also take boxSizing.

Jun 19 '18 14:06 edkv

At least the following properties are also experimental and should probably be removed from the list:

marginBlockEnd
marginBlockStart
marginInlineEnd
marginInlineStart

Jun 19 '18 15:06 edkv

I've edited the list to be up-to-date with the latest merges. Further I'll be taking the following properties:

clear
zoom
order
opacity

Jun 29 '18 12:06 brianvanburken

elm-css elm-css copied to clipboard

Phantom Types TODO List

Grabbed

Available to convert

Done!

Border with single argument:

Border with multiple arguments:

New border style values:

elm-css
elm-css copied to clipboard