# CSS Demo Ground

*Playground for CSS*

---

## Table Wrapping

!!! note
    Each column here will inherently wrap in a bad way.

    - Code selectors will wrap to the next line, as well long text
    - Goal: find a good CSS method to fix the wrapping

### 3 columns with code wrap issues in two of them

|   Parameter    |             Type              |                                                                                                                                                                          Description                                                                                                                                                                           |
| -------------- | ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `applyOptions` | `SceneEditDetectionMode` enum | How the detected edits will be applied. One of:<br/>- `SceneEditDetectionMode.MARKERS`: Create markers at edit points.<br/>- `SceneEditDetectionMode.SPLIT`: Split layer.<br/>- `SceneEditDetectionMode.SPLIT_PRECOMP`: Split layer at edit points and pre-compose each one.<br/>- `SceneEditDetectionMode.NONE`: Detected edits are not applied to the layer. |

### 3 columns that each have wrapping issues

|   Parameter   |                                     Type                                     |                                                                                                                                                                                                                   Description                                                                                                                                                                                                                    |
| ------------- | ---------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| `color`       | Array of three floating-point values, `[R, G, B]`, in the range `[0.0..1.0]` | The color of the solid.                                                                                                                                                                                                                                                                                                                                                                                                                          |
| `name`        | String                                                                       | The name of the solid.                                                                                                                                                                                                                                                                                                                                                                                                                           |
| `width`       | Integer, in the range `[4..30000]`                                           | The width of the solid in pixels.                                                                                                                                                                                                                                                                                                                                                                                                                |
| `height`      | Integer, in the range `[4..30000]`                                           | The height of the solid in pixels.                                                                                                                                                                                                                                                                                                                                                                                                               |
| `pixelAspect` | Floating-point value in the range `[0.01..100.0]`                            | The pixel aspect ratio of the solid.                                                                                                                                                                                                                                                                                                                                                                                                             |
| `duration`    | Floating-point value                                                         | Optional. The length of a still layer in seconds. If supplied, sets the `duration` value of the new layer. Otherwise, the `duration` value is set according to user preferences.<br/><br/>By default, this is the same as the duration of the containing [CompItem](#). To set another preferred value, open `Edit > Preferences > Import` (Windows) or `After Effects > Preferences > Import` (MacOS), and specify options under Still Footage. |

### 2 columns, but first has mix of text and code

|                 Source                  |                                                                                                                                                                                                                               Values                                                                                                                                                                                                                               |
| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| From any Layer                          | - `"ADBE Mask Parade`", or `"Masks`"<br/>- `"ADBE Effect Parade`", or `"Effects`"<br/>- `"ADBE MTrackers`", or `"Motion Trackers`"                                                                                                                                                                                                                                                                                                                                 |
| From an AVLayer                         | - `"Anchor Point`" or `"anchorPoint`"<br/>- `"Position`" or `"position`"<br/>- `"Scale`" or `"scale`"<br/>- `"Rotation`" or `"rotation`"<br/>- `"Z Rotation`" or `"zRotation`" or `"Rotation Z`" or `"rotationZ`"<br/>- `"Opacity`" or `"opacity`"<br/>- `"Marker`" or `"marker`"                                                                                                                                                                                  |
| From an AVLayer with a non-still source | - `"Time Remap`" or `"timeRemapEnabled`"                                                                                                                                                                                                                                                                                                                                                                                                                           |
| From an AVLayer with an audio component | - `"Audio Levels`" or `"audioLevels`"                                                                                                                                                                                                                                                                                                                                                                                                                              |
| From a camera layer                     | - `"Zoom`" or `"zoom`"<br/>- `"Depth of Field`" or `"depthOfField`"<br/>- `"Focus Distance`" or `"focusDistance`"<br/>- `"Aperture`" or `"aperture`"<br/>- `"Blur Level`" or `"blurLevel`"                                                                                                                                                                                                                                                                         |
| From a light layer                      | - `"Intensity`" or `"intensity`"<br/>- `"Color`" or `"color`"<br/>- `"Cone Angle`" or `"coneAngle`"<br/>- `"Cone Feather`" or `"coneFeather`"<br/>- `"Shadow Darkness`" or `"shadowDarkness`"<br/>- `"Shadow Diffusion`" or `"shadowDiffusion`"<br/>- `"Casts Shadows`" or `"castsShadows`"                                                                                                                                                                        |
| From a 3D layer                         | - `"Accepts Shadows`" or `"acceptsShadows`"<br/>- `"Accepts Lights`" or `"acceptsLights`"<br/>- `"Ambient`" or `"ambient`"<br/>- `"Diffuse`" or `"diffuse`"<br/>- `"Specular`" or `"specular`" (these are for the Specular Intensity property)<br/>- `"Shininess`" or `"shininess`" (these are for the Specular Shininess property)<br/>- `"Casts Shadows`" or `"castsShadows`"<br/>- `"Light Transmission`" or `"lightTransmission`"<br/>- `"Metal`" or `"metal`" |
| From a camera, light or 3D layer        | - `"X Rotation`" or `"xRotation`" or `"Rotation X`" or `"rotationX`"<br/>- `"Y Rotation`" or `"yRotation`" or `"Rotation Y`" or `"rotationY`"<br/>- `"Orientation`" or `"orientation`"                                                                                                                                                                                                                                                                             |
| From a text layer                       | - `"Source Text`" or `"source Text`" or `"Text`" or `"text`"                                                                                                                                                                                                                                                                                                                                                                                                       |
| From PropertyGroup `"ADBE Mask Parade`" | - `"ADBE Mask Atom`"                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| From PropertyGroup `"ADBE Mask Atom`"   | - `"ADBE Mask Shape`", or `"maskShape`", or `"maskPath`"<br/>- `"ADBE Mask Feather`", or `"maskFeather`"<br/>- `"ADBE Mask Opacity`", or `"maskOpacity`"<br/>- `"ADBE Mask Offset`", or `"maskOffset"`                                                                                                                                                                                                                                                             |

### 3 columns, but first has long text (and no code)

|                Parameter                |                                     Type                                     |                                                                                                                                                                                                                            Description                                                                                                                                                                                                                             |
| --------------------------------------- | ---------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| From an AVLayer with a non-still source | Array of three floating-point values, `[R, G, B]`, in the range `[0.0..1.0]` | The color of the solid.                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| From an AVLayer with an audio component | String                                                                       | The name of the solid.                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| From a camera layer                     | Integer, in the range `[4..30000]`                                           | The width of the solid in pixels.                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| From a text layer                       | Integer, in the range `[4..30000]`                                           | The height of the solid in pixels.                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| From PropertyGroup ADBE Mask Parade     | Floating-point value in the range `[0.01..100.0]`                            | The pixel aspect ratio of the solid.                                                                                                                                                                                                                                                                                                                                                                                                                               |
| From PropertyGroup ADBE Mask Atom       | Floating-point value                                                         | Optional. The length of a still layer in seconds. If supplied, sets the `duration` value of the new layer. Otherwise, the `duration` value is set according to user preferences.<br/><br/>By default, this is the same as the duration of the containing [CompItem](#). To set another preferred value, open `Edit > Preferences > Import` (Windows) or `After Effects > Preferences > Import` (MacOS), and specify options under Still Footage. |