CSS Support Roadmap - Githubissues

webwriter-app / webwriter

Authoring tool for interactive content

https://webwriter.app

Other

16 stars 1 forks source link

CSS Support Roadmap #42

Open salmenf opened 1 year ago

salmenf commented 1 year ago

Marks

Text Decoration, Font

[ ] font: L1 Picker
[ ] font-synthesis: L2 Form
[ ] font-variant: L2 Form
[ ] font-kerning: L2 Form
[ ] font-optical-sizing: L2 Form
[ ] font-stretch: L1 Picker
[ ] color: L1 Picker
[ ] text-decoration: L1 Picker
[ ] text-emphasis: L1 Picker
[ ] text-transform: L1 Picker
[ ] text-shadow: L1 Picker

Element Attributes

Box Model, Backgrounds and Borders

[ ] display: L1 Picker
[ ] background: L1 Picker
[ ] min-height: L1 Picker
[ ] height: L1 Picker
[ ] max-height: L1 Picker
[ ] min-width: L1 Picker
[ ] width: L1 Picker
[ ] max-width: L1 Picker
[ ] padding: L1 Picker
[ ] border: L1 Picker
[ ] border-left: L1 Picker
[ ] border-right: L1 Picker
[ ] border-top: L1 Picker
[ ] border-bottom: L1 Picker
[ ] margin: L1 Picker
[ ] box-shadow: L1 Picker

[ ] overflow: L2 Form
[ ] overflow-clip-margin: L2 Form
[ ] overscroll-behavior: L2 Form
[ ] scroll-behavior: L2 Form
[ ] scrollbar-gutter: L2 Form
[ ] text-overflow: L2 Form

Text, Generated content

[ ] letter-spacing: L2 Form
[ ] text-align: L1 Picker
[ ] text-align-last: L2 Form
[ ] text-indent: L2 Form
[ ] text-justify: L2 Form
[ ] text-size-adjust: L2 Form
[ ] vertical-align: L2 Form
[ ] white-space: L2 Form
[ ] word-spacing: L2 Form
[ ] word-break: L2 Form
[ ] line-break: L2 Form
[ ] overflow-wrap: L2 Form
[ ] tab-size: L2 Form
[ ] quotes: L2 Form

Positioned layout

[ ] float: L2 Form
[ ] clip: L2 Form
[ ] position: L2 Form
[ ] inset: L2 Form
[ ] z-index: L2 Form

Multi-column layout

[ ] columns: L1 Picker
[ ] column-span: L2 Form
[ ] column-gap: L2 Form
[ ] column-fill: L2 Form
[ ] column-rule: L2 Form
[ ] break-after: L2 Form
[ ] break-before: L2 Form
[ ] break-inside: L2 Form

Basic user interface

[ ] cursor: L2 Form
[ ] user-select: L2 Form
[ ] accent-color: L2 Form
[ ] appearance: L2 Form
[ ] caret-color: L2 Form
[ ] outline: L2 Form
[ ] outline-offset: L2 Form
[ ] pointer-events: L2 Form
[ ] resize: L2 Form

Animations, Motion path

[ ] animation: L3 Literal
[ ] offset: L3 Literal

Composition and blending

[ ] background-blend-mode: L2 Form
[ ] isolation: L2 Form
[ ] mix-blend-mode: L2 Form

Filter effects

[ ] backdrop-filter: L2 Form
[ ] filter: L2 Form

[ ] transform: L3 Literal
[ ] transform-box: L3 Literal
[ ] transform-origin: L3 Literal
[ ] transform-style: L3 Literal
[ ] translate: L3 Literal
[ ] rotate: L3 Literal
[ ] scale: L3 Literal
[ ] perspective: L3 Literal
[ ] perspective-origin: L3 Literal
[ ] backface-visibility: L3 Literal

Fragmentation

[ ] box-decoration-break: L2 Form
[ ] break-before, break-after, break-inside: L2 Form
[ ] orphans, widows: L2 Form

[ ] clip-path: L2 Form
[ ] mask: L2 Form
[ ] mask-border: L2 Form
[ ] mask-type: L2 Form

Ruby, [Writing modes]

[ ] ruby-align: L3 Literal
[ ] ruby-position: L3 Literal
[ ] direction: L2 Form
[ ] text-orientation: L2 Form
[ ] unicode-bidi: L2 Form
[ ] writing-mode: L2 Form

[ ] shape-image-threshold: L3 Literal
[ ] shape-margin: L3 Literal
[ ] shape-outside: L3 Literal

[ ] transition: L3 Literal

Elements with `display: table`

Table (Node attribute <table>)

[ ] border-collapse: L1 Picker
[ ] border-spacing: L1 Picker
[ ] caption-side: L1 Picker
[ ] empty-cells: L1 Picker
[ ] table-layout: L1 Picker
[ ] vertical-align: L1 Picker

Elements with `display: flex`

Flexible Box Layout, Grid layout

[ ] flex-flow: L1 Picker
[ ] grid-template: L1 Picker
[ ] grid-auto-flow: L1 Picker
[ ] gap: L1 Picker
[ ] place-items: L1 Picker
[ ] place-content: L1 Picker
[ ] flex: L1 Picker
[ ] grid-area: L1 Picker
[ ] place-self: L1 Picker
[ ] order: L1 Picker

Elements with `display: list-item`

Lists (Node attribute <ul>|<ol>)

[ ] list-style: L1 Picker

Replaced Elements

[ ] image-orientation: L3 Literal
[ ] image-rendering: L3 Literal
[ ] image-resolution: L3 Literal
[ ] object-fit: L3 Literal
[ ] object-position: L3 Literal